在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 相关文章推荐
JavaScript判断undefined类型的正确方法
Jun 30 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
May 23 Javascript
Javascript中this绑定的3种方法与比较
Oct 13 Javascript
Vue使用json-server进行后端数据模拟功能
Apr 17 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
vue自定义js图片碎片轮播图切换效果的实现代码
Apr 28 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 Javascript
layui的select联动实现代码
Sep 28 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
JavaScript canvas实现跟随鼠标移动小球
Feb 09 Javascript
浅谈实现在线预览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
PHP操作XML作为数据库的类
2010/12/19 PHP
PHP5中虚函数的实现方法分享
2011/04/20 PHP
PHP Streams(流)详细介绍及使用
2015/05/12 PHP
PHP封装的MSSql操作类完整实例
2016/05/26 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
2011/04/27 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
JS替换字符串中空格方法
2015/04/17 Javascript
详谈javascript异步编程
2016/02/21 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
2016/11/01 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
js实现简单的秒表
2020/01/16 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
微信小程序实现底部弹出模态框
2020/11/18 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
解决python读取几千万行的大表内存问题
2018/06/26 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
用Python从0开始实现一个中文拼音输入法的思路详解
2019/07/20 Python
OpenCV中VideoCapture类的使用详解
2020/02/14 Python
土木工程个人自荐信范文
2013/11/30 职场文书
餐厅经理岗位职责和岗位目标
2014/02/13 职场文书
事务机电主管工作职责
2014/02/25 职场文书
二手房买卖协议书
2014/04/10 职场文书
作风转变年心得体会
2014/10/22 职场文书
司机岗位职责
2015/02/04 职场文书
php中pcntl_fork详解
2021/04/01 PHP
SpringMVC 整合SSM框架详解
2021/08/30 Java/Android
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers