npm install -D sass //或者 npm install sass --save-dev
npm install sass-loader@10.1.0 --save-dev
node-sass和node.js版本关联,已经弃用,
所以使用的是sass安装并且安装sass-loader
就可以了!!
这是一个简单的教程,可在大约30分钟到一个小时的时间内学习SASS基础知识。 基于正式的指南,但有点冗长。
什么是SASS?
SASS代表语法很棒的样式表。 它是CSS的“预处理器”。 基本上,它允许您以非常简单,方便的速记方式编写CSS。 因此,您无需编写真正的CSS,而是以简写形式编写所有样式表,然后使用SASS将您的文档编译为功能齐全CSS,以包含在HTML文档中。 挺整洁的。
安装SASS
首先,您必须安装SASS。
Linux用户
您必须先 。 完成此操作后,在终端中运行以下命令:
sudo su -c "gem install sass"
Mac用户
恭喜,您已经安装了Ruby。 只需在终端中运行以下命令:
gem install sass
通过运行sass -v检查它是否已正确安装。 您的终端应返回SASS的当前版本(类似于Sass 3.4.15
这里我们是在一个项目下安装less,即局部less,因为先前安装全局less的时候出了一点小问题,所以这里给出在项目下安装less的过程。
在IEDA的终端输入:npm install less
这样就安装好了
接下来是编译less文件a.less,假设我们的less文件是在项目目录src的less目录下:
执行: ./node_mudules/.bin/lessc ./src/less/a...
命令行窗口依次运行以下命令
①安装: $curl -L https://get.rvm.io | bash -s stable
②载入rvm环境: $source ~/.rvm/scripts/rvm
③检查是否已经安装rvm: $rvm --version
(2)用 RVM 安装 Ruby 环境
$ gem install sass
如果出现permitted问题通常是权限问题,先尝试下面$ sudo gem install sass
如果安装无限等待尝试下面替换RubyGems镜像
$ gem sources --remove https://rubygems.org/
//...
这里写自定义目录标题项目场景:问题描述:
项目场景:
今天心血来潮给mac上准备安装一下sass,以前都是项目中有所以也就没有安装,今天安装了一下各种报错,简单的记录一下
问题描述:
一、运行 gem install sass
然后就是各种错误,懵逼了我不知道怎么继续下去了,只能在网上搜索可行的方案,结果找到了说是ruby的版本太低了,好吧 !那就升级ruby!
1、更新 brew
brew update
然后又是各种报错,太难了我!
Error:
homebrew-cask is a shal
使用nvm对node版本进行管理和切换
安装 nvm-window https://github.com/coreybutler/nvm-windows,window默认添加系统环境和用户环境,若命令行不能使用nvm,需自行添加环境
在 nvm 的安装目录下找到settings.txt文件
node_mirr
M1 mac安装node-sass报错
前几天公司发了最新的 m1 macbookpro ,本来很开心的开始工作啦,结果在使用npm 或 yarn安装依赖的时候报错啦,瞬间崩溃,上网一阵鼓捣,才终于搞定啦,现在记录一下。希望可以帮助到一些小伙伴…
报错如下:????
分为如下几步
检查node版本
首先查看自己的node版本是否和项目中所使用的node-sass版本对应,如下表:
stackoverflow原帖 有兴趣的可以看看
使用nvm来管理nodejs版本
如果版本不一致建议使用nvm来管理你
'style-loader', // 将 JS 字符串生成为 style 节点
'css-loader', // 将 CSS 转化成 CommonJS 模块
'sass-loader' // 将 Sass 编译成 CSS,默认使用 Node Sass
CSDN-Ada助手: