在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue-cli 通過js import引入樣式無法自動(dòng)加上瀏覽器前綴?

vue-cli 通過js import引入樣式無法自動(dòng)加上瀏覽器前綴?

  1. 使用vue-cli搭建框架

  2. 正常安裝所有依賴

引用樣式有如下問題:
package.json browserslist 的配置如下
clipboard.png

在vue頁面style標(biāo)簽寫樣式可以正常加上瀏覽器前綴
clipboard.png
clipboard.png

通過在script import樣式則無法正常加上瀏覽器前綴,build也是一樣沒有加上
clipboard.png
clipboard.png

奇怪的是在vue頁面style標(biāo)簽@import樣式就又可以正常加上前綴了
clipboard.png

百思不得其解???

回答
編輯回答
笨尐豬

vue-loader會(huì)處理style標(biāo)簽并利用postcss-loader進(jìn)行autoprefixer,但是如果你是額外在js里引入其它樣式文件,則不會(huì)進(jìn)過vue-loader,只會(huì)進(jìn)過你相應(yīng)配置的rule,而vue-cli默認(rèn)生成的諸如sass文件的處理rule里面除了style-loader,css-loader和對(duì)應(yīng)的sass-loader之外并不會(huì)進(jìn)行postcss-loader處理,具體你可以看下webpack配置文件還有vue-loader的實(shí)現(xiàn),它內(nèi)部默認(rèn)做了autoprefixer

2018年4月27日 20:51
編輯回答
熟稔

你配置了 autoprefixer 沒有
沒有的話,誰來處理

2018年9月5日 00:44