Tag: 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 […]