nodejs中使用node-sass

在原生nodejs中使用Sass

1.创建根目录文件名称为demo，运行 cnpm install(淘宝源安装)安装node_modules

2.安装express： cnpm install express

3.创建js文件命名为 app.js 并编写如下代码

var express = require('express');
var app = express();app.use(express.static('public'));app.get('/', function (req, res) {res.sendFile( __dirname + "/" + "index.htm" );
});
app.listen(3000, function () {console.log('app is listening at port 3000');
});

4.安装全局 node-sass: cnpm install -g node-sass

5. 新建两个文件 scss 和 css 目录在sass中创建mian.scss文件，并编写sass样式

6.运行命令： node-sass -o css scss/main.scss 这样scss代码就会生成到css目录下编程css文件

也可以将命令放到package.json，package.json需要npm init的时候生成，并且我们的的 build-css是放在script下面

比如 nom start 命令，对应的命令是 node app.js（app.js 是我们定义的文件名称，它包含了步骤3中的代码，）

节点是："start":"node app.js",命令如下

运行 npm run watch -css的时候，只要改动scss下的文件，就会立刻生成css到css目录下。

该命令是生成所有的文件：node-sass -w -r <源文件夹> -o <目标文件夹> //它只会跟踪同名文件，没有则新建

转载于:https://www.cnblogs.com/MarkSun3/p/9252728.html

nodejs中使用node-sass相关推荐

npm run dev时报错：Node Sass does not yet support../nodejs与node-sass版本冲突
出现:cnpm install或者npm run dev时报错 Node Sass does not yet support your current environment: Windows 64- ...
node作为php中转带参数,Nodejs中使用命令行如何进行传参（代码）
本篇文章给大家带来的内容是关于Nodejs中使用命令行如何进行传参(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 使用commander.js.npm install com ...
Node Sass找不到您当前环境的绑定
本文翻译自:Node Sass couldn't find a binding for your current environment I am having issues building an ...
带你入门nodejs第一天——node基础语法及使用
带你入门nodejs第一天--node基础语法及使用带你入门nodejs第二天--http 模块化 npm yarm 带你入门nodejs第三天-express路由带你学习nodejs第四天--身 ...
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js
> Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 出现 ...
nodejs+html转换pdf,Nodejs中使用phantom将html转为pdf或图片格式的方法
最近在项目中遇到需要把html页面转换为pdf的需求,并且转换成的pdf文件要保留原有html的样式和图片.也就是说,html页面的图片.表格.样式等都需要完整的保存下来. 最初找到三种方法来实现这个 ...
nodeJS中读写文件方法的区别
导言:nodejs中所有与文件相关的操作都在fs模块中,而读写操作又是我们会经常用到的操作,nodejs的fs模块针对读操作为我们提供了readFile,read, createReadStream三 ...
Nodejs中搭建一个静态Web服务器,通过读取文件获取响应类型
场景 Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等Web客户端提供文档,也可以放置网站文件让全世界浏览,还可以放置数据文件,让全世界下载.目前最主流的Web服务 ...
Nodejs中的模块系统
一.模块化的定义 ①具有文件作用域 ②具有通信规则:加载和导出规则二.CommonJS模块规范 1.nodejs中的模块系统,具有文件作用域,也具有通信规则,使用require方法加载模块,使用ex ...

nodejs中使用node-sass

nodejs中使用node-sass相关推荐

最新文章

热门文章