vite 中使用 rollup-plugin-commonjs

在Vite中使用`rollup-plugin-commonjs`插件可以帮助我们处理CommonJS模块的导入和使用。下面是使用`rollup-plugin-commonjs`的步骤：

1. 首先，确保你已经在项目中安装了Vite和`rollup-plugin-commonjs`插件。可以使用以下命令进行安装：

   npm install vite rollup-plugin-commonjs --save-dev

2. 在Vite项目的根目录下创建一个`vite.config.js`文件，并在其中配置`rollup-plugin-commonjs`插件。示例配置如下：

   import commonjs from '@rollup/plugin-commonjs';

   export default {
     plugins: [
       commonjs()
     ]
   }

3. 保存并关闭`vite.config.js`文件。

现在，当你在Vite项目中导入和使用CommonJS模块时，`rollup-plugin-commonjs`插件会自动将其转换为ES模块，以便在浏览器中正确加载和使用。