refactor(build): move to internal package (element-plus#6585)

* refactor(build): move to internal package

* ci: fix

* chore: fix

* fix: docs

* chore: add fast-glob to root package

* chore: fix PR comments

* build: add tsx

* refactor: re-organize

* refactor: improve log

Author: sxzz

build/.eslintrc.json

@@ -1,8 +1,8 @@
 import path from 'path'
 import fs from 'fs/promises'
 import chalk from 'chalk'
-import { errorAndExit } from '../../../build/utils/log'
-import { docRoot } from '../utils/paths'
+import consola from 'consola'
+import { errorAndExit, docRoot } from '@element-plus/build'
 
 const credentialPlaceholder = 'API_TOKEN_PLACEHOLDER'
 
@@ -12,7 +12,7 @@ if (!CREDENTIAL) {
 }
 
 ;(async () => {
-  console.info(chalk.cyan('Fetching Crowdin credential'))
+  consola.debug(chalk.cyan('Fetching Crowdin credential'))
   const configPath = path.resolve(docRoot, 'crowdin.yml')
   try {
     const file = await fs.readFile(configPath, {
@@ -22,7 +22,7 @@ if (!CREDENTIAL) {
       configPath,
       file.replace(credentialPlaceholder, CREDENTIAL)
     )
-    console.info(chalk.green('Crowdin credential update successfully'))
+    consola.success(chalk.green('Crowdin credential update successfully'))
   } catch (e: any) {
     errorAndExit(e)
   }

build/plugins/size-reporter.ts

@@ -1,9 +1,8 @@
 import fs from 'fs'
 import path from 'path'
 import chalk from 'chalk'
-
-import { docRoot } from '../utils/paths'
-import { errorAndExit } from '../../../build/utils/log'
+import consola from 'consola'
+import { errorAndExit, docRoot } from '@element-plus/build'
 
 // NB: this file is only for generating files that enables developers to develop the website.
 const componentLocaleRoot = path.resolve(docRoot, '.vitepress/crowdin')
@@ -16,7 +15,7 @@ async function main() {
     throw new Error(exists)
   }
 
-  console.log(chalk.cyan('Starting for build doc for developing'))
+  consola.trace(chalk.cyan('Starting for build doc for developing'))
   // all language should be identical since it is mirrored from crowdin.
   const dirs = await fs.promises.readdir(componentLocaleRoot, {
     withFileTypes: true,
@@ -44,7 +43,7 @@ async function main() {
     }
   })
 
-  console.log(languagePaths)
+  consola.debug(languagePaths)
   await traverseDir(enUS, languagePaths, localeOutput)
 }
 
@@ -103,7 +102,7 @@ async function traverseDir(
 
 main()
   .then(() => {
-    console.log(chalk.green('Locale for website development generated'))
+    consola.success(chalk.green('Locale for website development generated'))
   })
   .catch((err) => {
     if (err.message === exists) {

build/utils/log.ts

@@ -1,3 +1,4 @@
+import consola from 'consola'
 import { languages } from './utils/lang'
 import { head } from './config/head'
 import { sidebars } from './config/sidebars'
@@ -32,8 +33,7 @@ const buildTransformers = () => {
   return transformers
 }
 
-// eslint-disable-next-line no-console
-console.log(`DOC_ENV: ${process.env.DOC_ENV}`)
+consola.debug(`DOC_ENV: ${process.env.DOC_ENV}`)
 
 const locales = {}
 languages.forEach((lang) => {

docs/.vitepress/build/.eslintrc.json

@@ -1,7 +1,7 @@
 import fs from 'fs'
 import path from 'path'
+import { vpRoot } from '@element-plus/build'
 import { languages } from '../utils/lang'
-import { vpRoot } from '../utils/paths'
 import { features } from './features'
 import type { HeadConfig } from 'vitepress'
 

docs/.vitepress/build/crowdin-credentials.ts

@@ -2,8 +2,8 @@ import path from 'path'
 import fs from 'fs'
 import MarkdownIt from 'markdown-it'
 import mdContainer from 'markdown-it-container'
+import { docRoot } from '@element-plus/build'
 import { highlight } from '../utils/highlight'
-import { docRoot } from '../utils/paths'
 import type Token from 'markdown-it/lib/token'
 import type Renderer from 'markdown-it/lib/renderer'