1. 程式人生 > 其它 >mint-ui按需引入遇到的坑

mint-ui按需引入遇到的坑

技術標籤:前端

出現以下問題,原因babel版本不同:

在這裡插入圖片描述
解決辦法:修改babel.config.js檔案,重點是plugin裡邊的內容。
官網上寫的[“es2015”, { “modules”: false }]我們可以不必填寫,這一句對我們的程式碼沒有任何影響,已經過時,官網沒有及時更新。我們只需要複製plugins的部分。
另外,如果你的.babelrc檔案裡面已經有其他的配置,那麼請複製plugins裡面的內容追加到你的配置,使用逗號分隔。而不是全部覆蓋你自己原有的程式碼:

module.exports = {
  presets: ['@vue/cli-plugin-babel/preset'
], plugins: ['@babel/plugin-transform-runtime', ['component', { libraryName: 'mint-ui', style: true } ]] }

還有就是按需引入找不到css的坑:

在這裡插入圖片描述
解決辦法:
在main.js中,全域性引用import 'mint-ui/lib/style.css:

import 'mint-ui/lib/style.css'