Connect/Express middleware for node-sass.
npm install node-sass-middleware
Recompile .scss or .sass files automatically for connect and express based http servers.
var connect = require('connect')
var sassMiddleware = require('node-sass-middleware')
var server = connect.createServer(
sassMiddleware({
/* Options */
src: __dirname
, dest: __dirname + '/public'
, debug: true
, outputStyle: 'compressed'
, prefix: '/prefix' // Where prefix is at <link rel="stylesheets" href="prefix/style.css"/>
}),
connect.static('/prefix', __dirname + '/public')
);There is an example connect app here: https://github.com/andrew/node-sass-example
Heavily inspired by https://github.com/LearnBoost/stylus
var express = require('express');
var sassMiddleware = require('node-sass-middleware');
var path = require('path');
var app = express();
app.use(sassMiddleware({
/* Options */
src: __dirname,
dest: path.join(__dirname, 'public'),
debug: true,
outputStyle: 'compressed',
prefix: '/prefix' // Where prefix is at <link rel="stylesheets" href="prefix/style.css"/>
}));
// Note: you must place sass-middleware *before* `express.static` or else it will
// not work.
app.use('/public', express.static(path.join(__dirname, 'public')));var connect = require('connect');
var sassMiddleware = require('node-sass-middleware');
var postcssMiddleware = require('postcss-middleware');
var autoprefixer = require('autoprefixer');
var path = require('path');
var http = require('http');
var app = connect();
var destPath = __dirname + '/public';
app.use(sassMiddleware({
/* Options */
src: __dirname
, response: false
, dest: destPath
, outputStyle: 'extended'
}));
app.use(postcssMiddleware({
plugins: [
/* Plugins */
autoprefixer({
/* Options */
})
],
src: function(req) {
return path.join(destPath, req.url);
}
}));
http.createServer(app).listen(3000);src- (String) Source directory used to find.scssor.sassfiles.- optional configurations:
beepOnError- Enable beep on error, false by default.debug-[true | false], false by default. Output debugging information.dest- (String) Destination directory used to output.cssfiles (when undefined defaults tosrc).error- A function to be called when something goes wrong.force-[true | false], false by default. Always re-compile.indentedSyntax-[true | false], false by default. Compiles files with the.sassextension instead of.scssin thesrcdirectory.log-function(severity, key, val), used to log data instead of the defaultconsole.errormaxAge- MaxAge to be passed in Cache-Control header.prefix- (String) It will tell the sass middleware that any request file will always be prefixed with<prefix>and this prefix should be ignored.response-[true | false], true by default. To write output directly to response instead of to a file.root- (String) A base path for both source and destination directories.
For full list of options from original node-sass project go here.
var express = require('express');
var sassMiddleware = require('node-sass-middleware');
var path = require('path');
var winston = require('winston');
var app = express();
winston.level = 'debug';
app.use(sassMiddleware({
/* Options */
src: __dirname,
dest: path.join(__dirname, 'public'),
debug: true,
log: function (severity, key, value) { winston.log(severity, 'node-sass-middleware %s : %s', key, value); }
}));
// Note: you must place sass-middleware *before* `express.static` or else it will
// not work.
app.use(express.static(path.join(__dirname, 'public')));We <3 our contributors! A special thanks to all those who have clocked in some dev time on this project, we really appreciate your hard work. You can find a full list of those people here.
git clone [email protected]:sass/node-sass-middleware
cd node-sass-middleware
npm install
npm test- Fork the project.
- Make your feature addition or bug fix.
- Add documentation if necessary.
- Add tests for it. This is important so I don't break it in a future version unintentionally.
- Send a pull request. Bonus points for topic branches.
Copyright (c) 2013+ Andrew Nesbitt. See LICENSE for details.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent