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

{
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",
}),
}
蝴蝶不菲
浏览 780回答 2
2回答

Helenr

这个问题好像无关于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文档
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript