element-ui按须引入注意事项

在element－ui 2.0的官网上，关于按需引入，是这样介绍的：
然后，将 .babelrc 修改为：

但由于现在使用的Vue cli已经是@vue/cli 5.0.4的版本了，生成的框架中已经没有了官网中提到的“ .babelrc ”文件是没有的，取代的文件是：babel.config.js
babel.config.js文件原来的内容：

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

修改为：

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

在实际引入过程中，我们会发现仍然有问题，不能够按需引入相关的样式。这是因为最新的脚手架中关于"es2015”需要写为“@babel/preset-env”。

完整的代码如下：

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