在vue-cli创建的项目中使用sass操作


Posted in Javascript onAugust 10, 2020

安装sass-loader node-sass

cnpm install sass-loader node-sass -D

-D是--save-dev的缩写

安装之后有的会报错:

this.getReslove is not a function....

这时因为sass-loader的版本太高的原因,在package.json 长修改sass-loader的版本低于8.0,删除node_modules文件加,重新安装就ok了

补充知识:vue-cli的项目 style lang="scss" 写 scss样式报错

报错代码:

在vue-cli创建的项目中使用sass操作

解决方案:

安装以下依赖就可以了,vue-cli默认没有scss-loader,scss-loader又需要node-sass,只安装scss-loader是不行的。另外webpack就不需要配置了,因为vue-cli会帮你配置安装的loader

"node-sass": "^4.5.1",
  "sass-loader": "^6.0.3",
  "scss": "^0.2.4",
  "scss-loader": "^0.0.1",

npm install (上面几个包) --save

ok!

以上这篇在vue-cli创建的项目中使用sass操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
删除重复数据的算法
Nov 23 Javascript
js实现在字符串中提取数字
Nov 05 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
node.js中的http.response.write方法使用说明
Dec 14 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
JS比较两个数值的大小实例
Nov 25 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
vue3使用vue-count-to组件的实现
Dec 25 Vue.js
浅谈实现在线预览PDF的几种解决办法
Aug 10 #Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 #Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
Aug 10 #Javascript
js实现计算器功能
Aug 10 #Javascript
js实现盒子拖拽动画效果
Aug 09 #Javascript
js实现盒子移动动画效果
Aug 09 #Javascript
js实现弹窗效果
Aug 09 #Javascript
You might like
杏林同学录(七)
2006/10/09 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
jquery easyui的tabs使用时的问题
2010/03/23 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
2013/04/24 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
JS如何将UTC格式时间转本地格式
2013/09/04 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
js使用setTimeout实现定时炸弹的方法
2015/04/10 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
详解JavaScript中localStorage使用要点
2016/01/13 Javascript
javascript基础知识分享之类与函数化
2016/02/13 Javascript
JS面向对象编程详解
2016/03/06 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
2019/06/24 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
vue数据更新UI不刷新显示的解决办法
2020/08/06 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
Python 爬虫多线程详解及实例代码
2016/10/08 Python
Python matplotlib 画图窗口显示到gui或者控制台的实例
2018/05/24 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
python3中property使用方法详解
2019/04/23 Python
Pycharm连接远程服务器过程图解
2020/04/30 Python
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
opencv实现图像几何变换
2021/03/24 Python
2015年售后服务工作总结
2015/04/25 职场文书
首次购房证明
2015/06/19 职场文书
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS