如何解决Postcss 导入不适用于 autoprefixer 和 pxtorem
我的设置有问题吗? 我尝试了很多方法和研究都没有得到我的答案。
我的 postcss-import 不使用 autoprefixer 和 postcss-pxtorem 输出丢失...
希望其他人能帮助我解决我的问题,非常感谢。
下面是 webpack.dev.js 设置:
{
test: /\.scss$/i,use: [
'style-loader',{
loader: "css-loader",options: { sourceMap: true }
},{
loader: "sass-loader",{
loader: "postcss-loader",options: {
postcssOptions: {
config: path.resolve(__dirname,'postcss.config.js'),},]
},
下面是postcss.config.js设置:
module.exports = {
plugins: {
'postcss-import': {},'autoprefixer': {
browsers: 'last 10 versions'
},'postcss-pxtorem': {
rootValue: 100,unitPrecision: 5,propWhiteList: []
},'cssnano': {},'postcss-sprites': {}
}
}
我的输出变成:
body {
background-color: #000;
color: #2c302f;
font-weight: 400;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
我的预期输出如下
body {
background-color: #000;
color: #2c302f;
font-weight: 400;
font-family: Helvetica Neue,sans-serif;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。