vue+webpack dev本地調(diào)試全局樣式引用失效的解決方案
今天遇到了奇怪的問(wèn)題，在main.js中引入全局樣式，在組件中引用樣式時(shí)，有些樣式失效，有些樣式生效。但是神奇的是build打包后樣式是正常的。
注冊(cè)兩字沒(méi)有變成紅色。。剛開(kāi)始以為是class名字命名沖突之類的，網(wǎng)上查了很多資料，有提到說(shuō)css文件中寫(xiě)了中文注釋引起的，試過(guò)了不行。后來(lái)把所有的樣式刪掉，只剩一個(gè)樣式，就生效了。好了，罪魁禍?zhǔn)拙褪强崭穹uild打包時(shí)會(huì)有壓縮，所以不會(huì)有這個(gè)問(wèn)題。
進(jìn)入【utils.js】,添加壓縮就好了
const cssLoader = {
loader: 'css-loader',
options: {
sourceMap: options.sourceMap,
minimize: true //添加
}
}
以上這篇vue+webpack dev本地調(diào)試全局樣式引用失效的解決方案就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue.js 初體驗(yàn)之Chrome 插件開(kāi)發(fā)實(shí)錄
這篇文章主要介紹了vue.js 初體驗(yàn)之Chrome 插件開(kāi)發(fā)實(shí)錄 ,需要的朋友可以參考下2017-05-05
vue基于Element按鈕權(quán)限實(shí)現(xiàn)方案
這篇文章主要介紹了vue基于Element按鈕權(quán)限實(shí)現(xiàn)方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
Nuxt3嵌套路由,報(bào)錯(cuò)Failed?to?resolve?component:?NuxtChild的解決
這篇文章主要介紹了Nuxt3嵌套路由,報(bào)錯(cuò)Failed?to?resolve?component:?NuxtChild的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue3的父?jìng)髯訂?wèn)題(單項(xiàng)數(shù)據(jù)流)
這篇文章主要介紹了vue3的父?jìng)髯訂?wèn)題(單項(xiàng)數(shù)據(jù)流)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
本文主要介紹了Vue中如何運(yùn)用TS語(yǔ)法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
vuex?mutations的兩種調(diào)用方法小結(jié)
這篇文章主要介紹了vuex?mutations的兩種調(diào)用方法小結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
vue實(shí)現(xiàn)數(shù)字加逗號(hào)分隔
在Vue項(xiàng)目中,對(duì)數(shù)字進(jìn)行格式化,實(shí)現(xiàn)帶小數(shù)的數(shù)字三位一分隔的效果,可以通過(guò)自定義過(guò)濾器來(lái)實(shí)現(xiàn),使用JavaScript的toLocaleString方法可以方便地將數(shù)字轉(zhuǎn)換成帶逗號(hào)的格式2024-10-10
Vue不同項(xiàng)目之間傳遞、接收參數(shù)問(wèn)題
這篇文章主要介紹了Vue不同項(xiàng)目之間傳遞、接收參數(shù)問(wèn)題,主要針對(duì)是登錄操作，我們?yōu)榱送瓿蒘SO(Single Sign On)的效果，認(rèn)證和授權(quán)在UC完成，用戶發(fā)起資源請(qǐng)求，服務(wù)網(wǎng)關(guān)會(huì)進(jìn)行過(guò)濾，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-04-04
Vue中搭配Bootstrap實(shí)現(xiàn)Vue的列表增刪功能
日常開(kāi)發(fā)中，我們可以用?“拿來(lái)主義”?借助Bootstarp現(xiàn)成的一些樣式，快速生成我們想要的頁(yè)面布局，避免書(shū)寫(xiě)大量的HTML和CSS代碼，省下了許多不必要的時(shí)間，可以直接搭配vue使用2022-11-11
Vue實(shí)現(xiàn)表格批量審核功能實(shí)例代碼
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)表格批量審核功能實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05