Vue3 打包时,在运行”npm run build
“时遇到这个问题
(!) Some chunks are larger than 500 KiB after minification. Consider: - Using dynamic import() to code-split the application - Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/guide/en/#outputmanualchunks - Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
上边的报错意思如下:
(!) 一些块体在缩小后大于500 KiB。考虑:
-使用dynamic import()对应用程序进行代码拆分
-使用build.rollupOptions.output。manualChunks以改进分块:https://rollupjs.org/guide/en/#outputmanualchunks
-通过build.chunkSizeWarningLimit调整此警告的块大小限制。
解决办法:
这里通过设置chunkSizeWarningLimit参数,调整限制大小。
在vite.config.js文件中的添加命令
build: { chunkSizeWarningLimit: 2000, },
完整代码可参考:
export default defineConfig({ base: "/frontend/", plugins: [vue()], resolve: { alias: { "@": path.resolve(__dirname, "src"), }, }, build: { chunkSizeWarningLimit: 2000, }, });