diff --git a/mock/_createProductionServer.js b/mock/_createProductionServer.js new file mode 100644 index 0000000..1437cc2 --- /dev/null +++ b/mock/_createProductionServer.js @@ -0,0 +1,19 @@ +import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer'; + +const modules = import.meta.globEager('./**/*.js'); + +const mockModules = []; +Object.keys(modules).forEach((key) => { + console.log(111, key) + if (key.includes('/_')) { + return; + } + mockModules.push(...modules[key].default); +}); + +/** + * Used in a production environment. Need to manually import all modules + */ +export function setupProdMockServer() { + createProdMockServer(mockModules); +} diff --git a/package.json b/package.json index ff088f4..09e7d96 100644 --- a/package.json +++ b/package.json @@ -7,10 +7,11 @@ "url": "https://github.com/huzhushan" }, "scripts": { - "start": "npm run mock", + "start": "npm run dev:mock", "dev": "vite", - "mock": "vite --mode mock", + "dev:mock": "vite --mode mock", "build": "vite build", + "build:mock": "vite build --mode mock", "serve": "vite preview" }, "browserslist": [ diff --git a/postcss.config.js b/postcss.config.js index 4dd6c02..a47ef4f 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,6 +1,5 @@ module.exports = { plugins: { - // 兼容浏览器，添加前缀 - 'autoprefixer': {} - } -} \ No newline at end of file + autoprefixer: {}, + }, +}; diff --git a/public/favicon.ico b/public/favicon.ico index df36fcf..a0e939b 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/assets/logo.png b/src/assets/logo.png deleted file mode 100644 index f3d2503..0000000 Binary files a/src/assets/logo.png and /dev/null differ diff --git a/src/assets/logo.svg b/src/assets/logo.svg new file mode 100644 index 0000000..c0b4c77 --- /dev/null +++ b/src/assets/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue index d9742c7..20c4018 100644 --- a/src/layout/components/Sidebar/Logo.vue +++ b/src/layout/components/Sidebar/Logo.vue @@ -2,7 +2,7 @@
Vue3 Element Admin
diff --git a/vite.config.js b/vite.config.js index 33ad7e3..312eb6d 100644 --- a/vite.config.js +++ b/vite.config.js @@ -9,12 +9,19 @@ export default env => { // console.log(111, env); return defineConfig({ + // base: '/vue3-element-admin-site/', plugins: [ vue(), viteMockServe({ + ignore: /^\_/, // 忽略以下划线`_`开头的文件 mockPath: "mock", // 指定mock目录中的文件全部是mock接口 - localEnabled: env.mode === "mock", // 指定在mock模式下才启动mock服务（可以在package.json的启动命令中指定mode为mock） supportTs: false, // mockPath目录中的文件是否支持ts文件，现在我们不使用ts，所以设为false + localEnabled: env.mode === "mock", // 开发环境是否开启mock功能（可以在package.json的启动命令中指定mode为mock） + prodEnabled: env.mode === "mock", // 生产环境是否开启mock功能 + injectCode: ` + import { setupProdMockServer } from '../mock/_createProductionServer'; + setupProdMockServer(); + `, }), viteSvgIcons({ // 指定需要缓存的图标文件夹 @@ -26,7 +33,8 @@ export default env => { css: { preprocessorOptions: { scss: { - additionalData: '@import "./src/assets/style/global-variables.scss";' // 全局变量 + // 全局变量 + additionalData: '@import "./src/assets/style/global-variables.scss";' } } }, @@ -44,5 +52,25 @@ export default env => { }, }, }, + esbuild: false, + build: { + terserOptions: { + compress: { + keep_infinity: true, + // 删除console + drop_console: true, + }, + }, + // 禁用该功能可能会提高大型项目的构建性能 + brotliSize: false, + rollupOptions: { + output: { + // 拆分单独模块 + manualChunks: { + 'element-plus': ['element-plus'] + } + } + }, + }, }); }; \ No newline at end of file