关于在js中导入variables.scss

来源:4-3 创建基于 Layout 的基础架构-2

慕码人1556588

2021-12-15

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

写回答

1回答

Sunday

2021-12-15

你好

你这是在 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')]

    }

  }

}

以上是示例代码。



0
2
Sunday
回复
慕码人1556588
我建议你尝试下 style-resources-loader 吧
2021-12-15
共2条回复

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1940 学习 · 1687 问题

查看课程