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 <目標文件夾> //它只會跟蹤同名文件，沒有則新建