Какой лучший способ сделать меньше. JS styleshe листания в Node.js, используя Express?

StackOverflow https://stackoverflow.com/questions/4028569

  •  26-09-2019
  •  | 
  •  

Вопрос

У меня есть небольшое приложение Node.js (My First), которые я хочу иметь компиляцию, это styleshethets styleshethets, когда серверные нагрузки. Точка, которую я начинаю, в том, что приложение Express пример для нефрита, где оно появляется, оно компилирует его шаблоны SASS, когда сервер создан:

var pub = __dirname + '/public';

var app = express.createServer(
  express.compiler({ src: pub, enable: ['sass'] }),
  express.staticProvider(pub)
);

Я видел это и надеялся, что было бы так же просто, как изменение SASS в меньшее, но это не работает.

Есть ли другой подход, я должен взять? Есть ли что-то, что мне не хватает? Я не могу найти документацию на методе .compile в любом месте.

Спасибо!

Это было полезно?

Решение

Вы должны компилировать меньше напрямую. SASS не сознает меньше в экспресс. Он компилируется непосредственно к CSS. То же самое с меньшим. Он компилируется непосредственно к CSS.

var app = express.createServer(
  express.compiler({ src: pub, enable: ['less'] }),
  express.staticProvider(pub)
);

Другие советы

Если вы хотите министерзировать выпущенные CSS, я обнаружил, что встроенный компилятор (из модуля Connect) отсутствовал опцию Compress. Так что вместо того, чтобы писать свои собственные промежуточные компиляторы для него. Я перезаписываю компилятор Connect меньше в моем приложении.

var express = require('express');
var app = express.createServer();
var less;

express.compiler.compilers.less.compile = function (str, fn) {
    if (!less) less = require("less");                                                      
    try {
        less.render(str, { compress : true }, fn);
    } catch (err) {
        fn(err);
    }
};

app.use(express.compiler({ src: publicdir, enable: ['less'] }));

Для Express 3 используйте следующий фрагмент:

var express = require('express'),
    less = require('less');

var app = express();
app.engine('less', function (path, options, callback) {
  fs.readFile(path, 'utf8', function (error, contents) {
    if (error) return callback(error);
    less.render(contents, options, callback);
  });
});
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top