首页 > 其他 > 详细

vue cli4中引入sass的问题(怎么引入)

时间:2020-12-07 19:49:48      阅读:109      评论:0      收藏:0      [点我收藏+]

前言、按照网上的方式在vue cli4中引入sass,但是网上的帖子五花八门,有些是命令执行报错,有些是无法运行项目,或缺少相关loader。下面是安装的心路:

一、首先按以下这篇文章安装的,但是执行后总是提示错误

 https://blog.csdn.net/zxb89757/article/details/103256614 (转载,侵删)

安装 npm install sass-resources-loader

报错如下:

技术分享图片  技术分享图片

用cnpm安装可以,但是还是在运行时报错了

技术分享图片

二、全局安装sass

成功安装 

npm install -g sass

 技术分享图片

但是,运行项目还是报错,提示

Failed to resolve loader: sass-loader
You may need to install it.

技术分享图片

 

 三、按照以下文章安装

https://www.cnblogs.com/atomgame/p/12497146.html (转载,侵删)

没有 sass-loader依赖,由于sass-loader需要node-sass组件,所以我们需要安装的是两个组件:

node-sass

sass-loader

分别:

npm i node-sass -D

npm i sass-loader -D

注:这里吧这两个组件安装到开发依赖下,而不是生产依赖下。

技术分享图片

 

技术分享图片

成功

技术分享图片

 

vue cli4中引入sass的问题(怎么引入)

原文:https://www.cnblogs.com/interesting-whh/p/14098722.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!