vite.config.js中增加配置:
{
build: {
rollupOptions: {
output: {
// 最小化拆分包
manualChunks: (id) => {
if (id.includes('node_modules')) {
return id.toString().split('node_modules/')[1].split('/')[0].toString();
}
},
// 用於從入口點創建的塊的打包輸出格式[name]表示文件名,[hash]表示該文件內容hash值
entryFileNames: 'js/[name].[hash].js',
// 用於命名代碼拆分時創建的共享塊的輸出命名
chunkFileNames: 'js/[name].[hash].js',
// 用於輸出靜態資源的命名,[ext]表示文件擴展名
assetFileNames: '[ext]/[name].[hash].[ext]',
// 拆分js到模塊文件夾
// chunkFileNames: (chunkInfo) => {
// const facadeModuleId = chunkInfo.facadeModuleId ? chunkInfo.facadeModuleId.split('/') : [];
// const fileName = facadeModuleId[facadeModuleId.length - 2] || '[name]';
// return `js/${fileName}/[name].[hash].js`;
// },
},
},
},
}
}
