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 (将#修改为@）