Concatを使用してJSファイルを1つのファイルにマージし、JavaScriptを最小化するためにuglifyします。ソースJSファイルを使用するソースマップファイルを作成するにはどうすればよいですか?
私の現在のgruntfile:
concat: {
options: {
// define a string to put between each file in the concatenated output
separator: ';'
},
dist: {
// the files to concatenate
src: ['<%= config.src %>/js/**/*.js'],
// the location of the resulting JS file
dest: '<%= config.dist %>/js/main.js'
}
},
uglify: {
dist: {
files: {
'<%= config.dist %>/js/main.min.js': ['<%= concat.dist.dest %>']
}
}
},
concat
タスクとuglify
タスクの両方でソースマップを有効にする必要があり、uglifyタスクにsourceMapIn
オプションを指定する必要があります。
サンプルのgrunt構成は次のとおりです。
concat : {
options : {
sourceMap :true
},
dist : {
src : ['www/js/**/*.js'],
dest : '.tmp/main.js'
}
},
uglify : {
options : {
sourceMap : true,
sourceMapIncludeSources : true,
sourceMapIn : '.tmp/main.js.map'
},
dist : {
src : '<%= concat.dist.dest %>',
dest : 'www/main.min.js'
}
}