sass-loader 无法理解@use with？

Posted 2023-02-22

【中文标题】sass-loader 无法理解@use with？

【英文标题】：sass-loader cannot understand @use with?

【发布时间】：2021-07-21 13:53:55

【问题描述】：

我正在关注https://sass-lang.com/documentation/at-rules/use 在 Vue 2.6.x "sass": "^1.32.11", "sass-loader": "^10.1.0" 中尝试 @use with ，并且在尝试将 sass 文件导入我的 Vue 组件时总是出错

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):                                                                                                                                friendly-errors 14:59:26  
SassError: expected "$".
  ╷
3 │ @use 'library' with (
  │                      ^
  ╵

  assets\css\fanclub.sass 3:22  @import
  pages\clb\_slug.vue 132:9     root stylesheet

【参考方案1】：

@use不适用于node-sass，但sass（又名dart-sass）。 因此，您需要安装它 (yarn add -D sass) 并进行一些配置。

/* vue.config.js */
module.exports = 
  css: 
    loaderOptions: 
      sass: 
        implementation: require('sass')
      
    
  

如图所示：https://dev.to/matiaslopezd/how-to-use-dart-sass-with-vue-1m41

【讨论】：

谢谢。 @use 在没有 with 的情况下工作得很好。我已经安装了 sass "sass": "^1.32.11", "sass-loader": "^10.1.0",

那么，@use 是否有效？不知道我得到了这里的东西。

@use 'library' with ( => 错误在 with。@use 'library'; 没问题，我需要用'with' 更改变量│^