在 ExpressJS 和 Grunt 中编译 SASS

【问题标题】：Compiling SASS in ExpressJS vs Grunt在 ExpressJS 和 Grunt 中编译 SASS
【发布时间】：2014-05-09 22:40:34
【问题描述】：

我知道你可以通过类似的代码在 ExpressJS 应用程序中编译 SASS

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

但是为什么要选择这种方法而不是用 GruntJS 编译 SASS 呢？有什么优势吗？

【问题讨论】：

标签： express sass gruntjs middleware

【解决方案1】：

所以当你启动服务器时，node-sass 会查看 dest 文件路径中的 .css 文件是否发生了变化。如果有，那么它将编译 src 文件路径中的 .scss 文件。

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

为此，请运行您的节点服务器并在另一个选项卡中运行您的 grunt / gulp 进程。

【讨论】：