Merge remote-tracking branch 'origin/NoLayOut'

.electron-vue/build.ts

@@ -0,0 +1,124 @@
+process.env.NODE_ENV = 'production'
+
+import { say } from 'cfonts'
+import { deleteAsync } from 'del'
+import chalk from 'chalk'
+import { Listr } from 'listr2'
+import { Configuration, rspack } from '@rspack/core'
+import { errorLog, doneLog, okayLog } from './log'
+import { DetailedError, getArgv } from './utils'
+import {
+  createMainConfig,
+  createPreloadConfig,
+  createRendererConfig,
+} from './rspack.config'
+
+const { clean = false, target = 'client' } = getArgv()
+const isCI = process.env.CI || false
+if (target === 'web') web()
+else unionBuild()
+
+async function cleanBuid() {
+  await deleteAsync([
+    'dist/electron/main/*',
+    'dist/electron/renderer/*',
+    'dist/web/*',
+    'build/*',
+    '!build/icons',
+  ])
+  doneLog(`清理构建目录成功`)
+  if (clean) process.exit()
+}
+
+async function unionBuild() {
+  greeting()
+  console.time('构建耗时')
+  await cleanBuid()
+
+  const tasksLister = new Listr(
+    [
+      {
+        title: '构建资源文件',
+        task: async (_, tasks) => {
+          try {
+            await pack([
+              createMainConfig({ env: 'production' }),
+              createPreloadConfig({ env: 'production', filename: 'index.ts' }),
+              createRendererConfig({ env: 'production', target }),
+            ])
+            okayLog(
+              `资源文件构建完成，构建交付 ${chalk.yellow(
+                'electron-builder',
+              )} 请稍等...\n`,
+            )
+            console.timeEnd('构建耗时')
+          } catch (error) {
+            errorLog(`\n 资源文件构建失败 \n`)
+            return Promise.reject(error)
+          }
+        },
+      },
+    ],
+    {
+      concurrent: true,
+      exitOnError: true,
+    },
+  )
+  await tasksLister.run()
+}
+
+async function web() {
+  await deleteAsync(['dist/web/*', '!.gitkeep'])
+  await pack(createRendererConfig({ target }))
+  doneLog(`web build success`)
+  process.exit()
+}
+function pack(
+  config: Configuration | Configuration[],
+): Promise<string | undefined> {
+  return new Promise((resolve, reject) => {
+    rspack(config, (err: DetailedError | null, stats) => {
+      if (err) reject(err.stack || err)
+      else if (stats?.hasErrors()) {
+        let err = ''
+
+        stats
+          .toString({
+            chunks: false,
+            colors: true,
+          })
+          .split(/\r?\n/)
+          .forEach((line) => {
+            err += `    ${line}\n`
+          })
+
+        reject(err)
+      } else {
+        resolve(
+          stats?.toString({
+            chunks: false,
+            colors: true,
+          }),
+        )
+      }
+    })
+  })
+}
+
+function greeting() {
+  const cols = process.stdout.columns
+  let text: boolean | string = ''
+
+  if (cols > 85) text = `let's-build`
+  else if (cols > 60) text = `let's-|build`
+  else text = false
+
+  if (text && !isCI) {
+    say(text, {
+      colors: ['yellow'],
+      font: 'simple3d',
+      space: false,
+    })
+  } else console.log(chalk.yellow.bold(`\n  let's-build`))
+  console.log()
+}