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

最新推荐文章于 2024-05-06 09:50:30 发布

一条小白泽

最新推荐文章于 2024-05-06 09:50:30 发布

阅读量4.9k

点赞数 25

分类专栏：前端学习摘要文章标签： node.js vue.js

本文链接：https://blog.csdn.net/qq_41802224/article/details/110678598

版权

前端学习摘要专栏收录该内容

8 篇文章 0 订阅

订阅专栏

方法一

路径：[自定义的文件名]\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的双引号，其它的无需更改！