Laravel Autoprefixer在Webpack中不起作用

Question

我style.css没有CSS前缀，当我运行命令npm run production。我正在使用：

Laravel：5.6.39＆Laravel-mix：4.1.2

档案webpack.mix.js：

mix.sass('resources/assets/sass/style.scss', 'public/css').options({
    postCss: [
       require('autoprefixer')({
          browsers: ['last 40 versions'],
             grid: true
          })
    ]
});

文件 style.scss

img {
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

输出文件style.css：

img{
   transform: translate(-50%,-50%)
}

如何在输出文件中添加CSS前缀style.css？

Answer 1

我已经修好了。只需将原点移到transform前缀之前即可。

img {
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

改成：

img {
    transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);   
}

它起作用了！