vue-cli3 按需引入element-ui


按照官網的教程:按需引入需要借助:babel-plugin-component 
安裝:babel-plugin-component

注意:官網是修改 .babelrc 文件,我這里為了方便就直接修改 babel.config.js 文件了

對應的項目根目錄下的 babel.config.js 需要修改成為以下:【我是直接拷貝官網的】

 

main.js 里面按需引入:
import { Button } from ‘element-ui’;
Vue.component(Button.name, Button
啟動項目報錯:.plugins[0][1] must be an object, false, or undefined

原因是:babel.config.js 里面的plugins多了一個中括號:修改如下:

 

再次重新啟動后又報錯: Cannot find module ‘babel-preset-es2015’ from '

這個是由於babel編譯插件版本問題,需要安裝最新的 babel 編譯插件 “ @babel/preset-env ” ,執行以下安裝命令:
npm install @babel/preset-env -D
修改 babel.config.js 為:

 

再次重新啟動,終於可以了:

 

 


——————————————————————————————————————————————


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM