亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

webpack3.0中的css轉換器配置,之前錯了不少,希望能給到調試錯誤的同學幫助,僅供參考

建議在webpack.config.js同層目錄下建立postcss.config.js,否則如果你把postcss的一些options寫在loader里面,你引入less和sass的時候同樣需要再寫一遍postcss的配置。


postcss.config.js代碼如下:

module.exports = {

????????plugins:[

????????? ? ? ? require('postcss-import'),//需要安裝 npm install postcss-import --save-dev,這句代碼是會對一個js文件里面import進來的多個css放在同一個style里面,如果是多個文件引入就會生成多個

????????? ? ? ? require('autoprefixer')({

????????? ? ? ? ? ? ? ? broswers:['>1%','last 5 versions','Firefox ESR','not ie < 9']

????????? ? ? ? ?})

?????????]

}


webpack.config.js代碼如下:

????????????{

? ? ? ? ? ? ? ? test: /\.css$/,

????????????????//這里用數組方式或者loader字符串連接方式都可以

? ? ? ? ? ? ? ? use:[

????????????????????????'style-loader',

? ? ? ? ? ? ? ? ? ? ? ? 'css-loader?importLoaders=1',//對于css中@import進來的css同樣做前綴處理

????????????????????????'postcss-loader'

? ? ? ? ? ? ? ? ]

? ? ? ? ? ? }


正在回答

5 回答

說的很對~

1 回復 有任何疑惑可以回復我~

代碼報錯的話? 吧這句“?importLoaders=1”刪除既可。

0 回復 有任何疑惑可以回復我~

厲害 有幫助

1 回復 有任何疑惑可以回復我~
#1

慕粉1804033883

但是沒有生成前綴
2018-03-04 回復 有任何疑惑可以回復我~

browsers 拼錯了。。。。。。。。。。。。。。。

1 回復 有任何疑惑可以回復我~

贊,找了好久終于該對了。

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

webpack3.0中的css轉換器配置,之前錯了不少,希望能給到調試錯誤的同學幫助,僅供參考

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號