关于vue.js:在vueelementtemplate中按需引入elementui组件

42次阅读

共计 527 个字符，预计需要花费 2 分钟才能阅读完成。

起因:
1，旧的 babel-perset-es2015 在 babel 7.x 版本曾经不反对，依照官网配置的话会报错: Cannot find module‘babel-preset-es2015’
2，vue-element-template 中并没有 .babelrc，而是如下图所示

解决方案:
1，依照官网装置 babel-plugin-component

npm install babel-plugin-component -D

2，配置 babel.config.js

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

3，参考官网进行相应的按需引入操作即可

未解决问题:
是否须要装置 @babel/preset，作用是什么?

参考网址:
https://blog.csdn.net/zy21131…

https://blog.csdn.net/m0_4711…

正文完