在ExpressJS和Grunt中编译SASS

Question

我知道您可以通过类似

的代码在ExpressJS应用程序中编译SASS

app.use(
    sass.middleware({
        src: __dirname + '/sass',
        dest: __dirname + '/public',
        debug: true
    })
);

但为什么选择这种方法而不是用GruntJS编译SASS？有什么好处吗？

Answer 1

因此，当您启动服务器时，node-sass将查看dest文件路径中的.css文件是否已更改。如果有，那么它将在src文件路径中编译.scss文件。

使用grunt或gulp将不仅可以将scss编译为css，还可以将coffeescript编译为js并压缩json，html等。此外，您可以在对grunt或gulp文件中指定的文件路径的任何已保存更改时初始化这些操作。因此，当任何这些文件类型发生更改时，您可以在浏览器上进行实时重新加载。

要执行此操作，请运行节点服务器，然后在另一个选项卡中运行grunt / gulp进程。