vue-cli 3.0按需引入element-ui

  vue-cli 3.0脚手架初始化项目成功后,如果需要按需引入element-ui,按照官网的教程,会报如下错误:

  

  这个是由于babel编译插件版本问题,需要安装最新的babel编译插件“@babel/preset-env”,执行以下命令:

npm install @babel/preset-env -D

  对应的项目根目录下的babel.config.js需要修改成为以下:

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

 

posted @ 2019-05-27 18:23  Gerryli  阅读(1599)  评论(0编辑  收藏  举报