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 相关文章推荐
js 覆盖和重载 函数
Sep 25 Javascript
JS刷新框架外页面七种实现代码
Feb 18 Javascript
a标签的href与onclick事件的区别详解
Nov 12 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
JAVA中截取字符串substring用法详解
Apr 14 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
vue-cli 3.x配置跨域代理的实现方法
Apr 12 Javascript
小程序关于请求同步的总结
May 05 Javascript
微信小程序 搜索框组件代码实例
Sep 06 Javascript
JS实现简单随机3D骰子
Oct 24 Javascript
js实现上传按钮并显示缩略图小轮子
May 04 Javascript
vue实现表格合并功能
Dec 01 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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
JS 无法通过W3C验证的处理方法
2010/03/09 Javascript
裁剪字符串trim()自定义改进版
2013/04/10 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
JavaScript DOM 学习总结(五)
2015/11/24 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
封装属于自己的JS组件
2016/01/27 Javascript
jQuery+ajax实现局部刷新的两种方法
2017/06/08 jQuery
使用angular帮你实现拖拽的示例
2017/07/05 Javascript
简述jQuery Easyui一些用法
2017/08/01 jQuery
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
vue实例中data使用return包裹的方法
2018/08/27 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
2019/06/21 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
python下载的库包存放路径
2020/07/27 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
计算机网络及管理学专业求职信
2014/06/05 职场文书
机械操作工岗位职责
2014/08/08 职场文书
单位委托书怎么写
2014/09/21 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
社会工作专业自荐信
2014/09/26 职场文书
长城的导游词
2015/01/30 职场文书
公务员年度个人总结
2015/02/12 职场文书
学校隐患排查制度
2015/08/05 职场文书
python flappy bird小游戏分步实现流程
2022/02/15 Python
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫