Bao gồm và tự động biên dịch Sass trên máy chủ Express

Question

Vì vậy, tôi đã thiết lập dự án Express cơ bản và tôi đang sử dụng dự án github này, https://github.com/andrew/node-sass, để có thể sử dụng Sass trên đầu nút. Đây là số điện thoại app.js hiện tại của tôi:

var io = require('socket.io'), 
    express = require('express'), 
    path = require('path'), 
    routes = require('./routes'), 
    jquery = require('jquery'); 


/** 
* Create app 
*/ 

var app = express() 
    , server = require('http').createServer(app) 
    , io = io.listen(server); 

/** 
* Configure app 
*/ 

app.configure(function(){ 
    app.set('port', 8080); 
    app.set('views', __dirname + '/views'); 
    app.set('view engine', 'ejs'); 
    app.use(express.static(path.join(__dirname, 'public'))); 
}); 

Tôi cần làm gì để Sass hoạt động và tự động biên dịch lại? Tôi không thể tìm thấy bất kỳ thông tin hữu ích nào cho các máy chủ Express cụ thể.

Answer 1

Đầu tiên thêm require tuyên bố này:

var sass = require("node-sass"); 

và sau đó đoạn mã sau, trong app.configure khối của bạn:

... 
app.use(sass.middleware({ 
    src: <your-sass-files-dir>, 
    dest: path.join(__dirname, 'public'), 
    debug: true 
})); 
... 

Nhưng Tôi xin lỗi để nói rằng các thư viện nút-sass là khá vô dụng tại thời điểm này, vì các tệp @import, trong các tệp scss của bạn, không hoạt động như được cho là để ... Xem https://github.com/andrew/node-sass/issues/27 để biết trạng thái hiện tại.

CẬP NHẬT 2013/10/22: Rõ ràng vấn đề nêu trên dường như được cố định theo @jonathanconway trong các ý kiến ​​dưới đây ... Mặc dù vẫn còn một unanswered comment on the issue from someone that still experiences the error at 2013-09-03

Answer 2

Giống như joakimbeng nói, hiện nút-sass thư viện có vấn đề trong đó @import bị hỏng.

Tuy nhiên! Tôi tìm thấy một cách giải quyết khác, trong đó you can see here.

Những gì tôi đã làm về cơ bản là lấy sass thô (trong trường hợp của tôi, scss), và để cho node-sass hiển thị chuỗi cho tôi. Tuy nhiên, vì đó là thư mục làm việc hiện tại là bất cứ nơi nào tệp server.js của bạn được đặt, bạn sẽ phải đặt url trong tệp sass của bạn, liên quan đến server.js của bạn. Trong trường hợp của tôi, like this.