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