mint-ui按需引入遇到的坑
阿新 • • 發佈:2021-02-15
技術標籤:前端
出現以下問題,原因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'