javascript - vite打包如何排除不需要的模块？

Question

vite 版本：5.2.8
vue版本：3.4.21

项目结构

• common 公共模块
• system 系统目录（业务）

在system中依赖了common模块，使用yarn link 方式导入
common中有个tinymce(封装后名称为: BhdRichText)的组件，但在system中没有使用
打包时发现 tinymce也被打包了，还有其他组件没有在system中使用的也打包了，导致build的结果非常大。

• 如果BhdRichText注释掉，就不会被打包。这不符合vite打包的规则。
  
• 请问如何让tinymce不要被打包
• 请问如何排查是哪里的问题？

Answer 1

用 build.rollupOptions.external：

// vite.config.js
import { defineConfig } from 'vite';

export default defineConfig({
  build: {
    rollupOptions: {
      external: ['tinymce'] // 排除 tinymce 模块
    }
  }
});