Question

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

我已经安装了node-sass和sass-loader，现在能够加载外部scss文件。此全局文件正在由自动前缀处理（例如：如果执行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

您可以在devDependencies之后添加package.json-“浏览列表”：“覆盖99.5％”

Answer 2

默认情况下，应在Nuxt中启用Autoprefixer。如果需要，可以调整设置。此处更多信息：https://nuxtjs.org/api/configuration-build/#postcss

Answer 3

也许这对你有帮助

from utils.common_utils import validate
def main(req: func.HttpRequest) -> func.HttpResponse:
    req_body = validate(req)
    
    # other stuff

    return func.HttpResponse("ok", status_code=200)

如何使Nupret项目中的.vue文件使用自动前缀处理？

3 个答案: