Articles of build automation

如何使用grunt将编译的jade文件复制到目标文件夹

对于我正在处理的单页应用程序,我有以下结构: DIST CSS JS LIB 谐音 的index.html SRC CSS JS LIB 意见 谐音 index.jade 目录dist将被快递服务器用来为项目服务。 我使用grunt-contrib-clean , grunt-contrib-copy来清理dist并将src / css , src / js , src / lib复制到dist 。 问题在于src / views 。 这个目录包含需要被编​​译成html文件的jade文件。 编译后,我想要他们dist (index.html中的dist根,partials作为子目录)。 目前我正在使用grunt-contrib-jade任务来编译和复制玉文件。 我想将它们复制到dist,因为我不想将编译的html文件添加到源代码pipe理。 但现在这是不可行的,因为你必须指定每个翡翠文件(现在只有less数,但会增长): jade: { compile: { options: { pretty: true }, files: { // TODO make one line […]

将Jade集成到Yeoman的服务器/监视/重载任务中

我一直在玩Yeoman & Jade 。 我已经创build了一个小testing应用程序通过yeoman init angular (这是一个angular度的应用程序,但这不是重点)… 当我在命令行inputyeoman server时,它会: 编译coffeescript和罗盘文件 启动服务器 启动浏览器 观看和重新加载浏览器中的咖啡和罗盘变化 这是Yeoman的一大特色! 现在我想要与Jade相同的function。 所以我通过npm install grunt-jade并在GruntFile.js中添加了如下configuration来编译jade模板: jade: { html: { src: ['app/views/*.jade'], dest: 'app/views', options: { client: false } } }, 通过在watch任务中添加以下configuration,我能够将jade任务整合到Yeoman的监视和重新加载任务中: watch: { … jade: { files: 'app/views/*.jade', tasks: 'jade reload' }, … } 而且所有的工作都非常好,除非在命令中添加了jade任务,否则不会发生初始编译: yeoman jade server 我们的pipe家不喜欢这个漂亮的女孩,因为他不会让她整合他的server任务:)这是烦人的,因为yeoman server将只编译coffeescript和罗盘文件。 有什么办法可以将jade任务添加到yeoman […]