那么想在Vue3中使用require语法怎么办
时间: 2024-03-27 10:37:07 浏览: 161
在vue项目中优雅的使用SVG的方法实例详解
在Vue3中使用require语法需要先安装`@vue/cli-plugin-babel`和`@vue/cli-plugin-eslint`插件。然后在`.babelrc`文件中添加以下配置:
```
{
"presets": [
"@vue/cli-plugin-babel/preset"
]
}
```
接着,在`vue.config.js`文件中添加以下配置:
```
module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.m?js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@vue/cli-plugin-babel/preset']
}
}
}
]
}
}
}
```
最后,在需要使用`require`语法的地方,可以这样写:
```
const module = require('./module.js').default;
```
需要注意的是,这种方式只能在开发环境下使用,生产环境下需要使用ES6的`import`语法。
阅读全文