vue中配置mint-ui報(bào)css錯(cuò)誤問題的解決方法
在vue2.0中引入了mint-ui后總是報(bào)一個(gè)css的錯(cuò)誤
但是package.json中已經(jīng)配置了css-loader style-loader ，webpack.config中也已經(jīng)配置了css，還是報(bào)這個(gè)錯(cuò)誤，相反，如果把webpack.config中css的配置注釋掉就不會(huì)出錯(cuò)，這是為什么呢？
因?yàn)?在webpack.config中沒有設(shè)置好css引入的目錄，因?yàn)槟J(rèn)情況下我們只會(huì)引入/src/目錄下的css， 但是mint-ui是要沖node_modules目錄去引入的，所以在webpack.config中css的配置中加入一項(xiàng)
{
test: /\.css$/,
include: [
/src/,
'/node_modules/mint-ui/lib/' //增加此項(xiàng)
],
loader: "style!css"
},
當(dāng)然，. babelrc中要配置成這樣的：
{
"presets": [
"es2015","stage-0"
],
"plugins": [
["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]
]
}
要確保es6轉(zhuǎn)義成es5的插件都已經(jīng)安裝，
webpack.config中要配置完整：
如果webpack.config中沒有配置presets:[‘es2015'],的話會(huì)報(bào)一個(gè)import的錯(cuò)誤：
這個(gè)錯(cuò)誤就是因?yàn)閑s6的語法轉(zhuǎn)義失敗造成的
注:webpack.config的配置要根據(jù)webpack的版本，不同的版本配置方法不一樣,我這里使用的是webpack1.0的版本
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue.js?diff算法原理詳細(xì)解析，diff算法可以看作是一種對(duì)比算法，對(duì)比的對(duì)象是新舊虛擬Dom。顧名思義，diff算法可以找到新舊虛擬Dom之間的差異，但diff算法中其實(shí)并不是只有對(duì)比虛擬Dom，還有根據(jù)對(duì)比后的結(jié)果更新真實(shí)Dom2022-06-06
vue2.0在table中實(shí)現(xiàn)全選和反選的示例代碼
這篇文章主要介紹了vue2.0在table中實(shí)現(xiàn)全選和反選的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
本文主要介紹了 Vue 登錄功能實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Vue引入并使用Element組件庫的兩種方式小結(jié)
本文主要介紹了Vue引入并使用Element組件庫的兩種方式小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
這篇文章主要為大家詳細(xì)介紹了如何使用Vue實(shí)現(xiàn)封裝樹狀圖,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
通過debug搞清楚.vue文件如何變成.js文件(案例詳解)
這篇文章主要介紹了通過debug搞清楚.vue文件如何變成.js文件,本文以@vitejs/plugin-vue舉例,通過debug的方式帶你一步一步的搞清楚vue文件是如何編譯為js文件的,需要的朋友可以參考下2024-07-07
解決vue2使用腳手架配置prettier報(bào)錯(cuò)prettier/prettier:context.getPhysical
這篇文章主要介紹了解決vue2使用腳手架配置prettier報(bào)錯(cuò)prettier/prettier:context.getPhysicalFilename is not a function問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家介紹了封裝一個(gè)更易用的Dialog組件過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05
vue項(xiàng)目使用$router.go(-1)返回時(shí)刷新原來的界面操作
這篇文章主要介紹了vue項(xiàng)目使用$router.go(-1)返回時(shí)刷新原來的界面操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue與compressor.js實(shí)現(xiàn)高效文件壓縮的方法
本文將介紹基于 Vue 框架和 compressor.js 的上傳時(shí)文件壓縮實(shí)現(xiàn)方法,通過在上傳過程中對(duì)文件進(jìn)行壓縮,減小文件大小,提升上傳速度,為用戶創(chuàng)造更快捷、高效的上傳體驗(yàn),感興趣的朋友跟隨小編一起看看吧2024-03-03