Javascript 如何使用grunt从不同的js文件生成两个缩小的文件
我不熟悉JS中的grunt和任务运行程序,所以这似乎是一个简单的问题,但我一直无法找到确切的工作答案 我有:Javascript 如何使用grunt从不同的js文件生成两个缩小的文件,javascript,gruntjs,grunt-contrib-concat,Javascript,Gruntjs,Grunt Contrib Concat,我不熟悉JS中的grunt和任务运行程序,所以这似乎是一个简单的问题,但我一直无法找到确切的工作答案 我有: concat: { options: { // define a string to put between each file in the concatenated output separator: '\n\n' }, dist: {
concat: {
options: {
// define a string to put between each file in the concatenated output
separator: '\n\n'
},
dist: {
// the files to concatenate
src: ['scripts/app.js', 'scripts/constant.js'
],
// the location of the resulting JS file
dest: 'scripts/custom.js'
}
},
此任务将收集所有自定义文件。我想对我所有的供应商文件做类似的事情。最后,我应该得到两个js-onlycustom.js
,它们拥有我连接的精简代码,而vendor.js
拥有连接的精简库
如何为此编写grunt配置。我需要做两个不同的任务吗。如果我使用不同的输入文件编写上述代码两次,它似乎会运行最后一个代码。可以配置为使用
有关此主题的更多文档,请参阅grunt
文档中的
Grunfile.js
对于您的场景,您需要配置与此类似的concat
任务(注意:新的custom
和vendor
目标):
module.exports=函数(grunt){
grunt.initConfig({
康卡特:{
选项:{
分隔符:'\n\n'
},
自定义:{
src:['scripts/app.js','scripts/constant.js'],
dest:'scripts/output/custom.js'
},
供应商:{
//根据需要修改src和dest路径。。。
src:['scripts/vendor/foo.js','scripts/vendor/baz.js'],
dest:'scripts/output/vendor.js'
}
}
});
grunt.loadNpmTasks(“grunt-contrib-concat”);
grunt.registerTask('concatenate'[
“concat:custom”,//另一个很好的回答者。非常感谢您提供详细的回答,并特别感谢您提供的链接。