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


Posted in Javascript onAugust 01, 2019

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

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文件的问题解决

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
使用EXT实现无刷新动态调用股票信息
Nov 01 Javascript
url参数中有+、空格、=、%、&、#等特殊符号的问题解决
May 15 Javascript
javascript中如何处理引号编码"
Aug 15 Javascript
Textarea根据内容自适应高度
Oct 28 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
javascript截取字符串小结
Apr 28 Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
Oct 21 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
详解Vue slot插槽
Nov 20 Vue.js
jQuery中DOM操作原则实例分析
Aug 01 #jQuery
详解package.json版本号规则
Aug 01 #Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 #Javascript
详解基于Wepy开发小程序插件(推荐)
Aug 01 #Javascript
深入浅析Vue中mixin和extend的区别和使用场景
Aug 01 #Javascript
在Vue环境下利用worker运行interval计时器的步骤
Aug 01 #Javascript
详解Vue2.5+迁移至Typescript指南
Aug 01 #Javascript
You might like
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
关于Curl在Swoole协程中的解决方案详析
2019/09/12 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
jQuery.query.js 取参数的两点问题分析
2012/08/06 Javascript
JSON辅助格式化处理方法
2013/03/26 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
js中字符型和数值型数字的互相转化方法(必看)
2017/04/25 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
使用wxpython实现的一个简单图片浏览器实例
2014/07/10 Python
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
实例Python处理XML文件的方法
2015/08/31 Python
Python合并字典键值并去除重复元素的实例
2016/12/18 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
Python中字典与恒等运算符的用法分析
2019/08/22 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
十岁生日父母答谢词
2014/01/18 职场文书
宣传策划类求职信范文
2014/01/31 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
文科生自我鉴定
2014/02/15 职场文书
篮球比赛口号
2014/06/10 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
2016关于读书活动的心得体会
2016/01/14 职场文书