Next.js-使用Dart SASS

Question

目前，我正在使用@zeit/next-sass和node-sass ，似乎工作正常，除非尝试使用@use 。 我想使用@use而不是@import因为@import已被弃用 。

据我了解，要将dart-sass与@zeit/next-sass ，我只需要将node-sass换成sass （或dart-sass ）。 但是，看来node-sass是@zeit/next-sass的依赖项：

所以我想我只会同时安装sass和node-sass 。 现在，问题是@zeit/next-sass使用的sass-loader默认使用node-sass 。 为了指定它应该使用什么，我可以将implementation: require("sass")传递给加载程序选项。 根据@zeit/next-sass文档 ，我可以通过编辑next.config.js文件来做到这一点：

const nextSASS = require("@zeit/next-sass");

module.exports = nextSASS({
    webpack: config => {

        // Fixes npm packages that depend on `fs` module
        config.node = {
            fs: "empty"
        };

        return config;
    },
    sassLoaderOptions: {
        implementation: require("sass")
    }
});

但是，看来我传递的sassLoaderOptions对象没有执行任何操作。 我仍然不能使用@use 。 我究竟做错了什么？

---

编辑：我本来正在看此 SO帖子