关于vue项目中全局引入一个 .scss文件的问题解决

本文介绍如何使用sass-resources-loader加载Sass资源。通过安装该加载器并配置项目中的相关文件,可以实现在多个文件中复用Sass变量和混合模块。文章详细展示了配置步骤,并解释了如何解决配置过程中可能出现的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先先发一下我的项目路径


1. 首先要下载   sass-resources-loader

npm install sass-resources-loader --save-dev   


2.然后再文件夹build/utils里面的更改
scss: generateLoaders('sass')

scss: generateLoaders('sass').concat(
  {
    loader: 'sass-resources-loader',
    options: {
      resources: path.resolve(__dirname, '../src/style/blog.scss')
    }
  }
)
3.文件已经导入成功了. 还有最后一步, 重启服务, npm run dev. (更改了utils,要重启服务,否则会报错)

    4. 如果要导入多个文件, 我是把其他文件都@import 到同一个.scss文件


评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值