VUE项目按需引入ELEMENT-UI,修改.BABELRC文件之后报错

193 阅读1分钟

VUE项目按需引入ELEMENT-UI,修改.BABELRC文件之后报错

(慕课网小米商城的项目11-2_ElementUI运用)

自己在这里新建的.babelrc文件会和vue-cli自动创建的babel.config.js文件在编译时发生冲突而报错,原因是这两个文件里的内容功能上作用相同都是利用babel作为js的编译器,但在编译时不会合并在一起,所以直接留babel.config.js文件就行,把.babelrc里面应该设置的内容粘贴在babel.config.js文件中就行了。

babel.config.js之前的内容代码

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

重新设置内容后的代码

module.exports = {
  "presets": [
    '@vue/cli-plugin-babel/preset'
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}