vue-cli 3.0按需引入element-ui

  vue-cli 3.0腳手架初始化項目成功後,若是須要按需引入element-ui,按照官網的教程,會報以下錯誤:vue

  

  這個是因爲babel編譯插件版本問題,須要安裝最新的babel編譯插件「@babel/preset-env」,執行如下命令:vue-cli

npm install @babel/preset-env -D

  對應的項目根目錄下的babel.config.js須要修改爲爲如下:npm

module.exports = {
    presets: [
       '@vue/app', [
           '@babel/preset-env', {
                modules: false
            }
        ]
    ],
    plugins: [
        [
            'component',
            {
                'libraryName': 'element-ui',
                'styleLibraryName': 'theme-chalk'
            }
        ]
    ]
};
相關文章
相關標籤/搜索