nuxt.js - 如何让 autoprefixer 与 Nuxt 项目中的 .vue 文件一起工作？

Question

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

我已经安装了 node-sass 和 sass-loader，现在可以加载外部 scss 文件了。此全局文件正在由 autoprefixer 处理(例如:如果我执行 display: flex，它会自动添加 display: -webkit-box; display: -ms-flexbox;),

我已将文档中的这些行添加到我的 nuxt.config.js 文件中，并安装了 4 个包，如下所述(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%"