vue+webpack dev本地調(diào)試全局樣式引用失效的解決方案
更新時(shí)間：2019年11月12日 15:37:09 作者：大力醬
今天小編就為大家分享一篇vue+webpack dev本地調(diào)試全局樣式引用失效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
今天遇到了奇怪的問題，在main.js中引入全局樣式，在組件中引用樣式時(shí)，有些樣式失效，有些樣式生效。但是神奇的是build打包后樣式是正常的。
注冊(cè)兩字沒有變成紅色。。剛開始以為是class名字命名沖突之類的，網(wǎng)上查了很多資料，有提到說css文件中寫了中文注釋引起的，試過了不行。后來把所有的樣式刪掉，只剩一個(gè)樣式，就生效了。好了，罪魁禍?zhǔn)拙褪强崭穹?。build打包時(shí)會(huì)有壓縮，所以不會(huì)有這個(gè)問題。
進(jìn)入【utils.js】,添加壓縮就好了
const cssLoader = {
loader: 'css-loader',
options: {
sourceMap: options.sourceMap,
minimize: true //添加
}
}
以上這篇vue+webpack dev本地調(diào)試全局樣式引用失效的解決方案就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue.js?中組件間通信的方法有很多種,這篇文章主要為大家詳細(xì)介紹了6種常見的直接或間接的組件傳值方式,有需要的小伙伴可以參考一下2024-01-01
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)在線翻譯功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要介紹了vue-resize深度解讀，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
vue 自動(dòng)生成swagger接口請(qǐng)求文件的方法
這篇文章主要介紹了vue 自動(dòng)生成swagger接口請(qǐng)求文件的方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-01-01
vue?parseHTML?函數(shù)源碼解析AST基本形成
這篇文章主要為大家介紹了vue?parseHTML?函數(shù)源碼解析AST基本形成，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
vue函數(shù)input輸入值請(qǐng)求時(shí)延遲1.5秒請(qǐng)求問題
這篇文章主要介紹了vue函數(shù)input輸入值請(qǐng)求時(shí)延遲1.5秒請(qǐng)求問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了vue配置多代理服務(wù)接口地址操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-09-09
Vue與.net?Core?接收List＜T＞泛型參數(shù)
這篇文章主要介紹了Vue與.net?Core?接收List＜T＞泛型參數(shù)，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-04-04
這篇文章主要介紹了基于vue的tab-list類目切換商品列表組件的示例代碼，代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02
本文主要介紹了vue3+pinia用戶信息持久緩存token的問題解決,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07