用了 mini-css-extract-plugin 之后postcss 不能加后缀

Question

{
test:/\.(sass|scss)$/,
use:[{
loader:MiniCssExtractPlugin.loader,
options:{
publicPath:"../"
}
},
"css-loader",
"postcss-loader",
"sass-loader"
]
},
//postcss.config.js
module.exports={
plugins:[
require("autoprefixer"),
//reuqire('postcss-import')
]
newMiniCssExtractPlugin({
filename:"css/[name].[hash:6].css",
//chunkFilename:"css/[name].[hash:6].css",
}),
}

Answer 1

这个问题好像无关于mini-css-extract-plugin，即使你换成extract-text-plugins依然不行。在postcss.config.js里，需要对autoprefixer进行配置，更准确说是对浏览器的兼容范围进行设置，在默认情况下会选择在一定范围的（没看到默认是多少，可能是>5%）.解决办法：1：module.exports={plugins:[require('autoprefixer')({browsers:['cover99.5%inCN']})]}2：官方文档里更推荐是写在package.json中或者有一个单独文件对browserlist进行配置"browserslist":["cover99.5%inCN"]这里的意思是覆盖99.5%的浏览器，地区是中国。更多请查看autoprefixer以及browserslist的Github文档