打包时如何去除naive-ui/es不用的内容

如果你使用的是 Naive UI 的 ES 模块，可以通过以下方式来去除不需要的内容：

1. 在 rollup.config.js 中配置 external 选项，将 Naive UI 的组件库排除在外。例如：

   javascript复制代码
   import vue from '@vitejs/plugin-vue';
   
   export default {
     plugins: [vue()],
     build: {
       rollupOptions: {
         external: ['naive-ui']
       }
     }
   };
   

   这样做的效果是，打包时会将 Naive UI 的组件库排除在外，而不会将其打包进最终的文件中。

2. 如果你只需要使用 Naive UI 的部分组件，可以按需引入。例如，如果你只需要使用 Button 组件，可以这样引入：

   javascript复制代码
   import { NButton } from 'naive-ui';
   

   这样做的效果是，只会将 Button 组件打包进最终的文件中，而其他组件则不会被打包进去。

注意：以上方法仅适用于使用 Naive UI 的 ES 模块的情况。如果你使用的是 Naive UI 的 CSS 模块，可以通过在 main.js 中引入 naive-ui/lib/theme-chalk/index.css 来去除不需要的内容。例如：

javascript复制代码
import { createApp } from 'vue';
import App from './App.vue';
import 'naive-ui/lib/theme-chalk/index.css';

createApp(App).mount('#app');

这样做的效果是，只会将 Naive UI 的默认主题样式打包进最终的文件中，而其他样式则不会被打包进去。