vue项目打包时运行”Npm run build“时跳过较大的块提示

Javascript piniu 1424浏览 0评论

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,
  },
});

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • * 昵称:
  • * 邮箱: