使用vite如何使用require
时间: 2023-07-20 09:18:44 浏览: 1204
vite-mdx:在Vite中使用mdx的示例
Vite 是一个基于 ES Modules 的构建工具,不支持 CommonJS 的 require 方法,但是可以使用 import 方法来替代 require。
如果你需要在 Vite 项目中使用 CommonJS 的 require 方法,可以使用 @rollup/plugin-commonjs 插件将 CommonJS 模块转换为 ES 模块,然后再使用 import 方法进行引入。
以下是一个使用 @rollup/plugin-commonjs 插件的示例代码:
1. 首先安装 @rollup/plugin-commonjs 插件:
```
npm install --save-dev @rollup/plugin-commonjs
```
2. 在 vite.config.js 中添加以下配置:
```
import commonjs from '@rollup/plugin-commonjs';
export default {
plugins: [
commonjs()
]
}
```
3. 在项目中使用 require 方法:
```
const module = require('./module.js');
```
注意:当使用 @rollup/plugin-commonjs 插件时,插件只会将导入的 CommonJS 模块转换为 ES 模块,而不会将模块中使用的 require 方法转换为 import 方法。因此,如果模块中使用了 require 方法,需要将其手动替换为 import 方法。
阅读全文