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

作者:1高_高1 时间:2024-05-29 22:44:38 

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

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

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


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

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

2.然后再文件夹build/utils里面的更改


scss: generateLoaders('sass')

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


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文件

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

来源:https://blog.csdn.net/qq_27709465/article/details/79396982

标签:vue,全局,.scss
0
投稿

猜你喜欢

  • sql获取存储过程返回数据过程解析

    2024-01-20 07:52:47
  • SQL Server 2005 FOR XML嵌套查询使用详解

    2009-01-06 11:20:00
  • ElementUI 的 Tree 组件的基本使用实战教程

    2024-04-26 17:40:46
  • Python全局变量与局部变量区别及用法分析

    2021-01-24 07:35:21
  • 在SQL SERVER中导致索引查找变成索引扫描的问题分析

    2024-01-20 09:19:35
  • 解决sql server 数据库,sa用户被锁定的问题

    2024-01-18 23:21:08
  • Python协程的用法和例子详解

    2022-02-15 14:01:57
  • JS实现利用两个队列表示一个栈的方法

    2024-02-26 12:41:03
  • ASP程序代码执行时间统计类

    2007-10-15 12:45:00
  • pytorch点乘与叉乘示例讲解

    2021-01-24 15:43:15
  • Python urllib模块urlopen()与urlretrieve()详解

    2022-01-17 02:32:02
  • Adobe发布Flash Player 10正式版

    2008-10-15 17:15:00
  • 解决python执行不输出系统命令弹框的问题

    2022-10-01 10:25:02
  • 软件与网站设计的区别

    2009-05-04 14:30:00
  • vue 二维码长按保存和复制内容操作

    2024-04-27 16:04:39
  • python导包的几种方法(自定义包的生成以及导入详解)

    2021-11-19 21:33:41
  • 结合Python的SimpleHTTPServer源码来解析socket通信

    2021-09-05 23:30:27
  • 深入浅出SQL之左连接、右连接和全连接

    2009-08-30 15:14:00
  • 使用css给图片添加阴影入门篇

    2009-07-06 14:38:00
  • Python实现自动计算特定格式的时间差

    2021-08-16 22:47:24
  • asp之家 网络编程 m.aspxhome.com