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 相关文章推荐
双击滚屏-常用推荐
Nov 29 Javascript
Convert Seconds To Hours
Jun 16 Javascript
JavaScript 产生不重复的随机数三种实现思路
Dec 13 Javascript
jquery与prototype框架的详细对比
Nov 21 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
jquery用offset()方法获得元素的xy坐标
Sep 06 Javascript
JavaScript使用Prototype实现面向对象的方法
Apr 14 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
angularJs中ng-model-options设置数据同步的方法
Sep 30 Javascript
vue中v-model对select的绑定操作
Aug 31 Javascript
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
老照片 - 几十年前的收音机与人
2021/03/02 无线电
第十五节--Zend引擎的发展
2006/11/16 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
JavaScript 定义function的三种方式小结
2009/10/16 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
JS画线(实例代码)
2013/11/20 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
php输出全部gb2312编码内的汉字方法
2017/03/04 Javascript
jQuery弹出窗口简单实现代码
2017/03/09 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
2017/03/29 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
详解适配器在JavaScript中的体现
2018/09/28 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
[05:24]TI9采访——教练
2019/08/24 DOTA
使用Python脚本将绝对url替换为相对url的教程
2015/04/24 Python
Python编程中对文件和存储器的读写示例
2016/01/25 Python
用python统计代码行的示例(包括空行和注释)
2018/07/24 Python
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
使用postMessage让 iframe自适应高度的方法示例
2019/10/08 HTML / CSS
英国著名书店:Foyles
2018/12/01 全球购物
泰国的头号网上婴儿用品店:Motherhood.co.th
2019/04/09 全球购物
空字符串(“”)和null的区别
2012/11/13 面试题
高级Java程序员面试要点
2013/08/02 面试题
技术总监个人的自我评价范文
2013/12/18 职场文书
人力资源专员岗位职责
2014/01/30 职场文书
社区健康教育工作方案
2014/06/03 职场文书
2014会计年终工作总结
2014/12/20 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
入党介绍人考察意见
2015/06/01 职场文书