美文网首页
Element UI使用

Element UI使用

作者: 高磊_IT | 来源:发表于2020-11-24 17:03 被阅读0次

按需引入

借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。

首先,安装 babel-plugin-component:

npm install babel-plugin-component -D

然后,将 .babelrc 修改为:

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

需要在根目录手动创建.babelrc文件,文件内容如下(官方文档会报错)

{
  "presets": [["@babel/preset-env", { "modules": false }]],
    "plugins": [
      [
        "component",
        {
          "libraryName": "element-ui",
          "styleLibraryName": "theme-chalk"
        }
      ]
    ]
  }

相关文章

网友评论

      本文标题:Element UI使用

      本文链接:https://www.haomeiwen.com/subject/qcxwiktx.html