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