vite配置打包分包

最新推荐文章于 2025-09-18 20:32:08 发布

原创最新推荐文章于 2025-09-18 20:32:08 发布 · 767 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

本文介绍了如何在Vite项目的构建配置中，通过`vite.config.ts`的rollupOptions，将node_modules文件夹中的包与业务代码独立管理，实现按需拆分输出.

将node_modules文件中的包与项目的业务代码，区分为不同的包

// vite.config.ts
build: {
    rollupOptions: {
      output: {
        manualChunks(id){
          if(id.includes('node_modules')){
            return id.toString().split('node_modules/')[1].split('/')[0].toString();
          }
        }
      }
    }
 }