问题:
按element-ui
官网的步骤进行按需引入
npm install babel-plugin-component -D
然后添加.babelrc文件
{
"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
报错:Error: Cannot find module ‘babel-preset-es2015’
原因:
项目是基于vue-cli 3.x
的版本,并没有官网的.babelrc
文件,只有babel.config.js
文件,而且项目不需要引入完整的element-ui
,只需要引入部分,按官网的步骤安装babel-plugin-component
后在babel.config.js
写入内容,就会报错
解决:
.babelrc
文件和babel.config.js
文件都是配置文件,可以视为相同,之后需要使用npm
安装
npm i @babel/preset-env -D
而且,也不再使用es2015
,将它改成@babel/preset-env
,两者是相同的,其作用都是编译es6
语法,因此在babel.config.js
中写成
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
["@babel/preset-env", { "modules": false }]
],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}