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 相关文章推荐
javascript XMLHttpRequest对象全面剖析
Apr 24 Javascript
apycom出品的jQuery精美菜单破解方法
Feb 18 Javascript
node.js解决获取图片真实文件类型的问题
Dec 20 Javascript
js操作滚动条事件实例
Jan 29 Javascript
jQuery scrollFix滚动定位插件
Apr 01 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
Jun 05 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
浅述Javascript的外部对象
Dec 07 Javascript
layui前端框架之table表数据的刷新方法
Aug 17 Javascript
VUE 实现复制内容到剪贴板的两种方法
Apr 24 Javascript
javascript实现切割轮播效果
Nov 28 Javascript
vite+vue3.0+ts+element-plus快速搭建项目的实现
Jun 24 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图形计数器程序显示网站用户浏览量
2016/07/20 PHP
PHP+Ajax异步带进度条上传文件实例
2016/11/01 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
php7 参数、整形及字符串处理机制修改实例分析
2020/05/25 PHP
JQuery toggle使用分析
2009/11/16 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
javascript代码加载优化方法
2011/01/30 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
javascript读取文本节点方法小结
2016/12/15 Javascript
你真的了解BOM中的history对象吗
2017/02/13 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
vue cli 全面解析
2018/02/28 Javascript
vue webpack实用技巧总结
2018/04/24 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
[02:36]DOTA2英雄基础教程 斯拉克
2013/11/29 DOTA
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
django的登录注册系统的示例代码
2018/05/14 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
python 使用三引号时容易犯的小错误
2020/10/21 Python
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
国贸专业个人求职信分享
2013/12/04 职场文书
卫生院健康教育实施方案
2014/06/07 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
工人先锋号事迹材料
2014/12/24 职场文书
Django实现drf搜索过滤和排序过滤
2021/06/21 Python