css - 是否可以将 Stylus 配置为编译 .css 一次，而不是在 .styl 发生变化时？

Question

在开发中，每次 .styl 更改时重新编译 .css 非常方便。但是在生产环境中，我们不想在每个请求上都花费资源进行编译；我们希望在应用程序启动时编译一次。

Stylus 可以这样配置吗？

Answer 1

SocketStream有一个 Assets 打包器，而不是在生产模式下预编译 css、js 和模板文件。也许使用检查环境变量(开发或生产)的模式，然后提供一组即时编译的文件，或者在 Node 第一次启动时完成的一组预打包 Assets (即编译你的 css，然后使用 fs 模块将它们写入磁盘)。

以下摘自stylus module套接字流:

stylus(input, {filename: path, paths: [dir.join('/')]})
  .render(function(err, css) {
  if (err) {
    console.log(err);
  }
  cb(css);
});

cb 方法是用于提供 fs.writeFileSync 的回调。接受编译文件的调用。所以，最后你有 4 个部分:

1. 在应用启动时检查环境变量。
2. 如果是开发模式，则像现在一样提供文件。
3. 如果是生产模式，则预编译 css 文件并将它们作为缩小的 css 文件输出到目录中。
4. 将 header HTML 中的引用更改为缩小的 css 文件。