fix: 修复依赖升级导致的编译打包失败问题

build/constant.ts

@@ -2,3 +2,5 @@
  * The name of the configuration file entered in the production environment
  */
 export const GLOB_CONFIG_FILE_NAME = '_app.config.js'
+
+export const OUTPUT_DIR = 'dist'

build/generate/icon/index.ts

 import path from 'node:path'
+import process from 'node:process'
 import fs from 'fs-extra'
 import inquirer from 'inquirer'
 import colors from 'picocolors'

build/getConfigFileName.ts

@@ -2,6 +2,6 @@
  * Get the configuration file variable name
  * @param env
  */
-export const getConfigFileName = (env: Record<string, any>) => {
+export function getConfigFileName(env: Record<string, any>) {
     return `__PRODUCTION__${env.VITE_GLOB_APP_SHORT_NAME || '__APP'}__CONF__`.toUpperCase().replace(/\s/g, '')
 }

build/script/buildConf.ts

+/**
+ * Generate additional configuration files when used for packaging. The file can be configured with some global variables, so that it can be changed directly externally without repackaging
+ */
+import fs, { writeFileSync } from 'fs-extra'
+import colors from 'picocolors'
+import { GLOB_CONFIG_FILE_NAME, OUTPUT_DIR } from '../constant'
+
+import { getEnvConfig, getRootPath } from '../utils'
+import { getConfigFileName } from '../getConfigFileName'
+
+import pkg from '../../package.json'
+
+interface CreateConfigParams {
+    configName: string
+    config: any
+    configFileName?: string
+}
+
+function createConfig(params: CreateConfigParams) {
+    const { configName, config, configFileName } = params
+    try {
+        const windowConf = `window.${configName}`
+        // Ensure that the variable will not be modified
+        let configStr = `${windowConf}=${JSON.stringify(config)};`
+        configStr += `
+       Object.freeze(${windowConf});
+       Object.defineProperty(window, "${configName}", {
+         configurable: false,
+         writable: false,
+       });
+     `.replace(/\s/g, '')
+
+        fs.mkdirp(getRootPath(OUTPUT_DIR))
+        writeFileSync(getRootPath(`${OUTPUT_DIR}/${configFileName}`), configStr)
+
+        console.log(`${colors.cyan(`✨ [${pkg.name}]`)} - configuration file is build successfully:`)
+        console.log(`${colors.gray(`${OUTPUT_DIR}/${colors.green(configFileName)}`)}\n`)
+    } catch (error) {
+        console.log(colors.red(`configuration file configuration file failed to package:\n${error}`))
+    }
+}
+
+export function runBuildConfig() {
+    const config = getEnvConfig()
+    const configFileName = getConfigFileName(config)
+    createConfig({ config, configName: configFileName, configFileName: GLOB_CONFIG_FILE_NAME })
+}

build/script/postBuild.ts

+// #!/usr/bin/env node
+
+import process from 'node:process'
+import colors from 'picocolors'
+
+import pkg from '../../package.json'
+import { runBuildConfig } from './buildConf'
+
+export async function runBuild() {
+    try {
+        const argvList = process.argv.splice(2)
+
+        // Generate configuration file
+        if (!argvList.includes('disabled-config')) {
+            runBuildConfig()
+        }
+
+        console.log(`✨ ${colors.cyan(`[${pkg.name}]`)}` + ' - build successfully!')
+    } catch (error) {
+        console.log(colors.red(`vite build error:\n${error}`))
+        process.exit(1)
+    }
+}
+runBuild()

build/utils.ts

 import fs from 'node:fs'
 import path from 'node:path'
+import process from 'node:process'
 import dotenv from 'dotenv'
 
 export function isDevFn(mode: string): boolean {

build/vite/plugin/index.ts

+import process from 'node:process'
 import type { PluginOption } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -15,7 +16,6 @@ import { configVisualizerConfig } from './visualizer'
 import { configThemePlugin } from './theme'
 import { configSvgIconsPlugin } from './svgSprite'
 import { configAutoImportPlugin } from './autoImport'
-import { configBuildPlugin } from './config'
 
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
     const { VITE_USE_MOCK, VITE_LEGACY, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv
@@ -65,7 +65,7 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
     // The following plugins only work in the production environment
     if (isBuild) {
         // config
-        vitePlugins.push(configBuildPlugin())
+        // vitePlugins.push(configBuildPlugin())
 
         if (process.env.RUNTIME !== 'electron') {
             // rollup-plugin-gzip

build/vite/plugin/svgSprite.ts

@@ -4,6 +4,7 @@
  */
 
 import path from 'node:path'
+import process from 'node:process'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 
 export function configSvgIconsPlugin(isBuild: boolean) {

build/vite/plugin/theme.ts

@@ -3,6 +3,7 @@
  * https://github.com/anncwb/vite-plugin-theme
  */
 import path from 'node:path'
+import process from 'node:process'
 import type { PluginOption } from 'vite'
 import { antdDarkThemePlugin, mixDarken, mixLighten, tinycolor, viteThemePlugin } from 'vite-plugin-theme'
 import { generateColors, getThemeColors } from '../../config/themeConfig'

package.json

@@ -25,7 +25,7 @@
         "bootstrap": "pnpm install",
         "serve": "npm run dev",
         "dev": "vite",
-        "build": "vite build",
+        "build": "vite build && esno ./build/script/postBuild.ts",
         "build:test": "vite build --mode test",
         "build:preview": "vite build --mode preview",
         "build:no-cache": "pnpm clean:cache && npm run build",
@@ -100,18 +100,18 @@
     },
     "devDependencies": {
         "@antfu/eslint-config": "^0.40.2",
-        "@commitlint/cli": "^17.6.7",
-        "@commitlint/config-conventional": "^17.6.7",
-        "@iconify/json": "^2.2.99",
+        "@commitlint/cli": "^17.7.1",
+        "@commitlint/config-conventional": "^17.7.0",
+        "@iconify/json": "^2.2.100",
         "@types/codemirror": "^5.60.8",
         "@types/crypto-js": "^4.1.1",
         "@types/fs-extra": "^11.0.1",
         "@types/inquirer": "^9.0.3",
         "@types/intro.js": "^5.1.1",
-        "@types/lodash": "^4.14.196",
+        "@types/lodash": "^4.14.197",
         "@types/lodash-es": "^4.17.8",
         "@types/mockjs": "^1.0.7",
-        "@types/node": "^18.17.3",
+        "@types/node": "^18.17.5",
         "@types/nprogress": "^0.2.0",
         "@types/qrcode": "^1.5.1",
         "@types/qs": "^6.9.7",
@@ -132,13 +132,13 @@
         "conventional-changelog-cli": "^2.2.2",
         "cross-env": "^7.0.3",
         "cz-conventional-changelog": "^3.3.0",
-        "cz-git": "^1.7.0",
-        "czg": "^1.7.0",
+        "cz-git": "^1.7.1",
+        "czg": "^1.7.1",
         "dotenv": "^16.3.1",
-        "eslint": "^8.46.0",
+        "eslint": "^8.47.0",
         "eslint-config-prettier": "^8.10.0",
         "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-vue": "^9.16.1",
+        "eslint-plugin-vue": "^9.17.0",
         "esno": "^0.16.3",
         "fs-extra": "^11.1.1",
         "husky": "^8.0.3",
@@ -154,7 +154,7 @@
         "postcss-less": "^6.0.0",
         "prettier": "^2.8.8",
         "rimraf": "^5.0.1",
-        "rollup": "^3.27.2",
+        "rollup": "^3.28.0",
         "rollup-plugin-visualizer": "^5.9.2",
         "sort-package-json": "^2.5.1",
         "stylelint": "^15.10.2",

types/auto-imports.d.ts

 /* eslint-disable */
 /* prettier-ignore */
 // @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
 export {}
 declare global {

vite.config.ts

+import process from 'node:process'
 import { resolve } from 'node:path'
 import type { ConfigEnv, UserConfig } from 'vite'
 import dayjs from 'dayjs'