时间戳

首页 > 解决方案 > PostCSS Autoprefixer 在 Laravel 7.x 中不起作用

css - PostCSS Autoprefixer 在 Laravel 7.x 中不起作用

问题描述

在这个链接中，Laravel 文档说：

默认情况下，Mix 利用流行的 Autoprefixer 插件自动应用所有必要的 CSS3 供应商前缀。

但是当我写一些像下面这样的 css 并使用 sass 编译它时，输出没有任何前缀 css！

display: grid;
box-sizing: border-box;
transform: translate(-50%, -50%);

这是我的 webpack.mix.js 文件配置：

mix.sass('resources/sass/app.scss', 'public/css')
   .options({ processCssUrls: false });

我什至使用了这个配置，但又没有前缀！

标签： csslaravellaravel-mixpostcssautoprefixer

解决方案

您需要在package.json文件中指定要支持的浏览器版本：

"browserslist": [
    "last 3 versions"
 ]

在大多数情况下，默认设置应该没问题。

资料来源：Sti3bas

推荐阅读