fix(部署): 移除模块类型并添加服务器配置指南
解决模块加载错误问题,移除index.html中script的type="module"属性 添加server-config.md详细说明服务器MIME类型配置 优化vite构建配置,添加代码分割和输出格式设置
This commit is contained in:
@@ -25,10 +25,46 @@ export default defineConfig(({ mode }) => {
|
||||
build: {
|
||||
outDir: 'dist',
|
||||
assetsDir: 'assets',
|
||||
minify: 'esbuild',
|
||||
esbuild: {
|
||||
drop: ['console', 'debugger'],
|
||||
rollupOptions: {
|
||||
output: {
|
||||
format: 'es',
|
||||
manualChunks: {
|
||||
// Vue核心库
|
||||
vue: ['vue', 'pinia'],
|
||||
// UI组件库
|
||||
elementPlus: ['element-plus'],
|
||||
// Markdown编辑器相关
|
||||
markdownEditor: ['@kangc/v-md-editor', 'vditor'],
|
||||
// PDF生成工具
|
||||
pdfTools: ['jspdf', 'html2canvas'],
|
||||
// 代码高亮
|
||||
highlight: ['highlight.js'],
|
||||
// 代码编辑器
|
||||
codemirror: ['codemirror'],
|
||||
// Pinia状态管理
|
||||
piniaPlugin: ['pinia-plugin-persistedstate']
|
||||
},
|
||||
chunkFileNames: (chunkInfo) => {
|
||||
const facadeModuleId = chunkInfo.facadeModuleId || chunkInfo.moduleIds[0]
|
||||
if (facadeModuleId.includes('node_modules')) {
|
||||
return 'assets/js/vendor/[name]-[hash].js'
|
||||
}
|
||||
return 'assets/js/[name]-[hash].js'
|
||||
},
|
||||
entryFileNames: 'assets/js/[name]-[hash].js',
|
||||
assetFileNames: (assetInfo) => {
|
||||
if (assetInfo.name.endsWith('.css')) {
|
||||
return 'assets/css/[name]-[hash].[ext]';
|
||||
}
|
||||
if (assetInfo.name.endsWith('.js')) {
|
||||
return 'assets/js/[name]-[hash].[ext]';
|
||||
}
|
||||
return 'assets/[name]-[hash].[ext]';
|
||||
},
|
||||
},
|
||||
},
|
||||
sourcemap: false,
|
||||
chunkSizeWarningLimit: 1000 // 设置为1MB
|
||||
}
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user