有一个很奇怪的现象？出现这种情况/*px*/失效

[sayll]

• 使用postcss-cssnext+px2rem-postcss

  // 解析失败
  body, html {
  width: 100%;
  height: 100%;
  & a {
  text-decoration: none;
  color: #2d2d34;
  font-size: 24px;/*px*/      //=>无法解析，直接转为rem。最后一个位置就失败。
  }
  }
  // 解析成功-1
  body, html {
  width: 100%;
  height: 100%;
  & a {
  text-decoration: none;
  font-size: 24px;/*px*/      //=>解析成功，转为px，非最后一个就成功
  color: #2d2d34;
  }
  }
  // 解析成功-2
  a {
  text-decoration: none;
  color: #2d2d34;
  font-size: 24px;/*px*/      //=>解析成功。无嵌套。最后一个。
  }

--- CONFIG

new webpack.LoaderOptionsPlugin({
    options: {
      context: files.appPath,
      postcss: [
        require('postcss-cssnext')(({
          features: {
            customProperties: false,
          },
        })),
        require("postcss-px2rem")({
          remUnit     : 75,
          remPrecision: 8,
          baseDpr     : 2 // 默认2倍视角
        })
      ],
    },
  }),

[songsiqi]

postcss-px2rem 只对 css 进行处理，你需要先处理嵌套语法，可以用 precss，如果觉得它里面包含的模块太多，可以直接使用 postcss-nested 和 postcss-nesting