Grunt concat:使用Codekit的文件指令

时间:2013-08-22 17:36:58

标签: javascript concatenation gruntjs codekit grunt-contrib-concat

我正在尝试将CodeKit项目转换为使用Grunt(因此我们可以支持我们的Windows好友)。

在CodeKit中,您可以通过在要连接的文件中包含concat指令作为注释来连接JS文件。例如,要将jquery.validate.js添加到scripts.js文件,您可以将以下注释添加到scripts.js

 /* @codekit-prepend "jquery.validate.js" */

如何根据文件本身的指令配置grunt-concat(或类似的插件)来连接JS文件?我更喜欢在文件中有concat指令,因此更清楚发生了什么(与引用Gruntfile.js相反)。

2 个答案:

答案 0 :(得分:5)

我不知道codekit语法,但如果您只需要前置功能,那么请查看https://github.com/miensol/grunt-concat-in-order,特别是filebased方法。您可以自定义语法以提取代码包前置语法或将其替换为示例中使用的@depend。

(对于跨平台示例,请查看我的fork,它有一个Windows安全示例,使用path.normalize)

答案 1 :(得分:1)

我制作了plugin for Grunt,了解CodeKit的Kit语言,以及@codekit-append@codekit-prepend指令。然后,您可以使用Grunt和CodeKit互换来构建项目,而无需更改任何代码。

编辑此功能仍可通过grunt-codekit版本0.4.x获得,但由于普遍缺乏兴趣而在版本1.0.0中被删除。我打算将功能拆分为自己的模块,但需要一些时间来完成它(或者您可以自行分叉代码并创建它)。无论如何,要简单地使用0.4版本,您可以执行此操作npm install grunt-codekit@0.4.0 --save