项目在打包时Some chunks are larger than 500 kBs after minification(一些区块在缩小后大于500 kB);
跳到提示的官网https://rollupjs.org/configuration-options/#output-chunkfilenames
草草翻了下未果 最后在CSDN找到解决方式
【Vue3】vite打包报错:块的大小超过限制,Some chunks are larger than 500kb after minification
非常感谢大佬的分享
基于大佬处理逻辑 最后加上适应的配置项
outDir: BUILD_DIR, // 指定打包文件的输出目录
emptyOutDir: true, // 打包时先清空上一次构建生成的目录
完整build配置的代码文章来源:https://www.toymoban.com/news/detail-520533.html
build: {
outDir: BUILD_DIR,
sourcemap: false,
minify: 'terser',
chunkSizeWarningLimit: 1500,
emptyOutDir: true,
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true
}
},
rollupOptions: {
output: {
manualChunks(id) {
if (id.includes('node_modules')) {
return id.toString().split('node_modules/')[1].split('/')[0].toString();
}
},
chunkFileNames: (chunkInfo) => {
const facadeModuleId = chunkInfo.facadeModuleId ? chunkInfo.facadeModuleId.split('/') : [];
const fileName = facadeModuleId[facadeModuleId.length - 2] || '[name]';
return `js/${fileName}/[name].[hash].js`;
}
}
}
},
最后运行build命令
解决上述问题文章来源地址https://www.toymoban.com/news/detail-520533.html
到了这里,关于vite Some chunks are larger than 500 kBs after minification. Consider: - Using dynamic import()的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!