Skip to main content

postcss-cssnext

使用下个版本的 css 语法，语法见 cssnext (css4)语法

安装插件​

npm install postcss-cssnext --save-dev

样式嵌套​

新建 postcss.config.js

module.exports = () => {
  return {
    plugins: {
      "postcss-cssnext": {
        browsers: [
          "Android >= 4.4",
          "Chrome >= 35",
          "iOS >= 8",
          "Safari >= 7.1",
        ],
      },
    },
  };
};

注意：如果出现 Error: Loading PostCSS Plugin failed: Unknown browser query dead

解决方法是：删除 package.json 中 browserslist 的"not dead"字端即可

package.json

{
  ...
    "browserslist": [
    ">0.2%",
    "ie >= 9",
    "not op_mini all"
  ]
}

参考​