如何使 autoprefixer 与 Nuxt 项目中的 .vue 文件一起使用？

Question

我正在构建一个 nuxt 应用程序并使用 scss 进行样式设置。

我已经安装node-sass并且sass-loader现在能够加载外部 scss 文件。该全局文件正在由 autoprefixer 处理（例如：如果我这样做display: flex，它会自动添加display: -webkit-box; display: -ms-flexbox;），

我已将这些行从 doc 添加到我的nuxt.config.js文件中，并安装了 4 个 pakcages，如下所述（postcss-url、postcss-nested 等..）

postcss: {
            plugins: {
                'postcss-url': false,
                'postcss-nested': {},
                'postcss-responsive-type': {},
                'postcss-hexrgba': {}
            },
            preset: {
                autoprefixer: {
                    grid: true,
                    flexbox: true
                }
            }
        },

我希望我的内联样式lang="scss"也应该以与全局 scss 文件相同的方式工作（例如：如果我这样做display: flex，它会自动添加display: -webkit-box; display: -ms-flexbox;）。

Answer 1

您可以在 package.json 中的 devDependencies 之后添加 - "browserslist": "cover 99.5%"