乐趣区

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

起因:
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…

退出移动版