关于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…

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理