node-sass-middleware không biên dịch

Question

Tôi đang cố gắng lấy phần mềm trung gian nút làm việc với Express. Ứng dụng chạy không có lỗi

...(modules) 
var sassMiddleware = require('node-sass-middleware'); 

var routes = require('./routes/index'); 

var app = express(); 

// uncomment after placing your favicon in /public 
//app.use(favicon(__dirname + '/public/favicon.ico')); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
//---- LOAD SASS -----// 
// adding the sass middleware 
var srcPath = __dirname + '/scss'; 
var destPath = __dirname + '/public/stylesheets'; 
app.use(sassMiddleware({ 
    src: srcPath, 
    dest: destPath, 
    debug: true, 
    outputStyle: 'compressed' 
})); 

app.use(express.static(path.join(__dirname, 'public'))); 

Có thể thấy bất kỳ điều gì sai với cách tôi đang cố gắng biên dịch mẫu không?

cấu trúc file:

app 
controllers 
routes 
public 
-stylesheets 
scss 
... 

Answer 1

Đây là cách app.js nên là:

app.use(sassMiddleware({ 
    src: srcPath, 
    dest: destPath, 
    debug: true, 
    outputStyle: 'compressed' 
}), 
express.static(path.join(__dirname, 'public'))); 

Ngoài ra tập tin SCSS chính của bạn nên được đặt tên style.scss và được bên SCSS/stylesheets/thư mục.

Bạn sẽ thấy một bản ghi như thế này, nếu bạn đã tải một cách chính xác các mô-đun:

source : /Users/abc/Desktop/SO/SO_node/scss/stylesheets/style.scss 
    dest : /Users/abc/Desktop/SO/SO_node/public/stylesheets/stylesheets/style.css 
    read : /Users/abc/Desktop/SO/SO_node/public/stylesheets/stylesheets/style.css 
    render : /Users/abc/Desktop/SO/SO_node/scss/stylesheets/style.scss 

Answer 2

Better đi cho grunt-sass. Cấu hình đơn giản, tác vụ tự động (nhờ grunt) và cũng có thời gian biên dịch nhanh hơn vì libsass, là phiên bản C của trình biên dịch Ruby ban đầu cho SASS. Biên dịch sass/file SCSS trong 0,3 giây thay vì 3.

Answer 3

Một vấn đề cũng có thể là bạn muốn biên dịch scss

thay vì sass. Do đó, hãy đặt indentedSyntax thành false.

app.use(require('node-sass-middleware')({ 
    src: path.join(__dirname, 'scss'), 
    dest: path.join(__dirname, 'public'), 
    indentedSyntax : false, 
    sourceMap: true 
})); 

Hoặc xóa hoàn toàn. Express-generator thêm giá trị này theo mặc định.