Question

我已阅读问题#1521

关于如何使用postcss / autoprefixer我仍然非常不受欢迎。

我只是npm install autoprefixer --save-dev 这是正确的做法吗？

我还阅读了postcss / autoprefixer docs我仍然不明白该怎么做

请协助，谢谢

Answer 1

我已将** postcss postcss-cli autoprefixer *安装为dev依赖项

npm install --save-dev postcss postcss-cli autoprefixer

然后创建一个npm脚本来运行postcss cli和auto前缀，就像这样

"script": {
  ...
   "prefixcss": "postcss -u autoprefixer --autoprefixer.browsers 'last 2 versions' -r src/**/*.css",
  ...
}

然后在重建之前运行脚本

 npm run prefixcss

Answer 2

无需手动调用自动前缀

对我来说，所有功能都可以在角度为8的情况下使用

使用以下内容定义browserslist文件：

> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11 # For IE 9-11 support, remove 'not'.

并使用以下内容创建一个postcss.config.js：

module.exports = {
  plugins: [
    require('autoprefixer')
  ]
}