Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了gruntjs – Grunt concat丑化与源地图大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用COncat将JS文件合并到一个文件和uglify以最小化JavaScript。如何创建使用源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'
  }
}

大佬总结

以上是大佬教程为你收集整理的gruntjs – Grunt concat丑化与源地图全部内容,希望文章能够帮你解决gruntjs – Grunt concat丑化与源地图所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。