有没有办法在 Nuxt.js 中使用 sass 而不是 node-sass（默认为 sass-loader）？

Posted 2023-02-22

【中文标题】有没有办法在 Nuxt.js 中使用 sass 而不是 node-sass（默认为 sass-loader）？

【英文标题】：Is there any way to use sass instead of node-sass (default for sass-loader) in Nuxt.js?

【发布时间】：2019-12-06 12:18:15

【问题描述】：

我正在尝试在 Nuxt.js 中使用 sass 包而不是 node-sass。我找到了这样的配置；

// vue.config.js
module.exports = 
  css: 
    loaderOptions: 
      sass: 
        implementation: require('sass'), // This line must in sass option
      ,
    ,
  

但我不知道将这段代码放在 Nuxt.js 中的什么位置。

【参考方案1】：

它已经指向documentation。

nuxt.config.js:

build: 

  ...

  loaders: 
    sass: 
      implementation: require('sass')
    ,
    scss: 
      implementation: require('sass')
    
  

  ...

【讨论】：

你拯救了我的一天！我有一个安装了 node-sass 和 sass 的 monorepo，webpack 似乎默认使用 node-sass。