webpack autoprefixer出现问题了,没有将-webkit-添加到动画CSS中吗?

时间:2019-06-13 15:49:42

标签: webpack webpack-4

我有问题。我不能在动画CSS和其他动画中添加一些前缀“ -webkit”。但是要加上弹性-'ms'。也许问题出在浏览器列表中,

inherit! :complete

1 个答案:

答案 0 :(得分:0)

我建议订购代码,这样可读性更好。对我来说,此解决方案会生成一个Webkit前缀。

{
  loader: 'postcss-loader',
  options: {
  sourceMap: true,
  config: {
    path: './config/',
  },
 },
},

在“ config”文件夹中,我有文件postcss.config.js和webpack.config.js

module.exports = {
  plugins: {
     'autoprefixer': {  },
     'postcss-url': {
       url: 'inline',
       maxSize: 50
     },
     'cssnano': {
       safe: true
     }
  }
};

autoprefixer的整个配置位于package.json文件中

"browserslist": [
  "last 2 version",
  "> 1%",
  "maintained node versions",
  "not dead"
],

看看我的项目,看看它是如何解决的-github