我用咖啡、玉石和铁笔工作。
我的应用程序提供两个不同的“单页应用程序”。对于这些应用程序，我在初始有效载荷中提供所有资产。
我想把所有的coffeescript文件和jade模板组合、编译和连接成一个js资产，把stylus文件组合成一个css资产，用于每一个“一页应用”。
然后，我可以只留下我的/public/js和/public/css，他们将始终拥有两个不同应用程序的当前js和css资产文件。
以前有没有人建立过这样的工作流程？你知道我该怎么做吗
通过研究，我发现这里写的过程，但他们没有说他们是如何做到的。
http://blog.fogcreek.com/the-trello-tech-stack/
5条答案
按热度按时间vnjpjtjt1#
您可以使用Express + Stitch/StitchUp非常简单地使用JS来完成此操作
示例配置：https://gist.github.com/1094412
另一种方法是Interleave：
http://www.distractable.net/coding/javascript-builds-using-interleave
手写笔中间件的选项应该为你的CSS分类：http://learnboost.github.com/stylus/docs/middleware.html
这里也有无数的选择：
http://toolbox.no.de/search?q=asset
fbcarpbf2#
我为此写了一个Node应用程序。这很简单，但对我来说很有效。代码非常简单（72行），您可以随意调整它。每当你保存一个coffee、stylus或jade文件时，它都会转换为js、css或html。它不照顾文件删除或任何其他花哨的东西。它并不完美，但至少我确切地知道它是如何工作的，这使得调试变得容易。
https://github.com/Gijsjan/Template-Engine-Watcher
9rnv2umw3#
我写了一个开源项目（MIT许可证）来解决这个问题：
Giles - https://github.com/255BITS/giles
Giles为您构建静态资源（Jade、Stylus、CoffeeScript）。它可以独立运行，作为Web服务器或连接模块。您可以轻松地为Giles添加对其他语言的支持（请参阅github页面）
nom7f22z4#
您可以使用connect-assets管道将编译的Jade资源拉入JavaScript，方法是使它们依赖于使用它们的CoffeeScript文件。
我有一个博客文章的细节-> Server side compiling of Jade templates with connect-assets。
llmtgqce5#
我推荐使用Grunt，通过Grunt你可以设置各种工作流和任务。我个人使用mean.io作为我大部分项目的样板。他们有一个非常好的Grunt文件，其中包含了使用assetmanager将css和js合并和缩小到一个文件中所需的大多数任务。Mean.io不使用jade或stylus，但您可以轻松添加这些Grunt任务。