4 回答

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊
這個(gè)問(wèn)題好像無(wú)關(guān)于mini-css-extract-plugin,即使你換成extract-text-plugins依然不行。
在postcss.config.js里,需要對(duì)autoprefixer進(jìn)行配置,更準(zhǔn)確說(shuō)是對(duì)瀏覽器的兼容范圍進(jìn)行設(shè)置,在默認(rèn)情況下會(huì)選擇在一定范圍的(沒(méi)看到默認(rèn)是多少,可能是>5%).
解決辦法:1:
module.exports = {
plugins: [
require('autoprefixer')({
browsers: ['cover 99.5% in CN']
})
]
}
2:官方文檔里更推薦是寫(xiě)在package.json中或者有一個(gè)單獨(dú)文件對(duì)browserlist進(jìn)行配置
"browserslist": ["cover 99.5% in CN"]
這里的意思是覆蓋99.5%的瀏覽器,地區(qū)是中國(guó)。更多請(qǐng)查看autoprefixer以及browserslist的Github文檔

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊
親測(cè)
我也遇到了你這個(gè)問(wèn)題,調(diào)整一下,既能解決你要提取文件也能給樣式加瀏覽器前綴
use: [
'style-loader',
MiniCssExtractPlugin.loader,
'css-loader',
'postcss-loader'
]
添加回答
舉報(bào)