Element UI中的.babelrc的位置及替换内容解析

方法一

  路径：[自定义的文件名]\node_modules\babel-plugin-dynamic-import-node\.babelrc
  然后把以下内容：

{
  "presets": [
    "airbnb"
  ],
  "plugins": [
    "add-module-exports",
    ["transform-replace-object-assign", { "moduleSpecifier": "object.assign" }],
  ],
}

全部替换成官方文档中的内容：

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

 

方法二

直接在 babel.config.js 中添加即可：

原先代码：

module.exports = {
  presets: [
    '@vue/app'
  ]
}

添加后：

module.exports = {
  presets: [
    '@vue/app'
  ],
  //以下是添加的内容
  plugins: [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

【注意】：去掉plugins的双引号，其它的无需更改！