关于在js中导入variables.scss

Question

老师现在sass-loader 10.1.0版本支持全局导入scss的变量和mixin文件. 全局导入以后就不用在每个vue文件中再导入一次变量和mixin文件. 但是全局导入以后我在script中再尝试导入variables就会不错. 老师帮忙看下怎么处理. 在全局中现在可以这样导入scss的变量和mixin文件. 如下图

Answer 1

Sunday 2021-12-15 17:33:54

你好

你这是在 vue.config.js 中的代码吗？

或许你可以试一下    style-resources-loader   

module.exports = {

  pluginOptions: {

    'style-resources-loader': {

      preProcessor: 'scss',

      // 哪些文件自动引入，使用绝对路径

      // 需要是path.join来拼接完整路径

      patterns: [path.join(__dirname, './src/assets/styles/variables.scss')]

    }

  }

}

以上是示例代码。

• 提问者 慕码人1556588 #1

  是vue.config.js里面的代码

• Sunday 回复 提问者 慕码人1556588 #2

  我建议你尝试下  style-resources-loader   吧