gaoletian/nuxt-ts-pont-demo

dart-sass 替换 node-sass, 使项目适配 node v12

Opened this issue · 0 comments

sass-loader 默认使用 node-sass, 由于 node-sass 暂不支持 nodejs v12 ,

问题处理记录

将 node-sass 替换为 Dart Sass

根据webpack 官方的 sass-loader,我们可以更改sass-loader的配置
https://webpack.docschina.org/loaders/sass-loader/

// ...
    {
        loader: "sass-loader",
        options: {
            implementation: require("sass")
        }
    }
// ...

https://github.com/nuxt/nuxt.js/blob/eb060bedd6f4f69152dfd009e211427d295c0c82/packages/webpack/src/config/base.js#L301

在nuxt.config.js 中配置 build项

// nuxt.config.js

build: {
  loaders: {
    sass: {
        implementation: require("sass")
    }
 }
}