Angularjs grunt usemin-concat+;丑陋的源地图
我试图缩小我的js和css文件,但我有一个源地图文件的问题 我的应用程序是一个angularjs应用程序,在使用之前,我需要生成angular templates.js文件并连接所有js文件 我的Angularjs grunt usemin-concat+;丑陋的源地图,angularjs,gruntjs,grunt-contrib-uglify,grunt-usemin,Angularjs,Gruntjs,Grunt Contrib Uglify,Grunt Usemin,我试图缩小我的js和css文件,但我有一个源地图文件的问题 我的应用程序是一个angularjs应用程序,在使用之前,我需要生成angular templates.js文件并连接所有js文件 我的index.html是 <!-- build:js js/vendor.min.js --> <script src="../vendor/jquery/dist/jquery.min.js"></script> <script src="
index.html
是
<!-- build:js js/vendor.min.js -->
<script src="../vendor/jquery/dist/jquery.min.js"></script>
<script src="../vendor/underscore/underscore-min.js"></script>
<script src="../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../vendor/es5-shim/es5-shim.min.js"></script>
<script src="../vendor/json3/lib/json3.min.js"></script>
<script src="../vendor/http/http.min.js"></script>
<script src="../vendor/fs/dist/fs.min.js"></script>
<script src="../vendor/parse/parse.min.js"></script>
<script src="../vendor/event/dist/js/event.min.js"></script>
<script src="../vendor/angular/angular.min.js"></script>
<!-- endbuild -->
<!-- build:js js/app.min.js -->
<script src="../.tmp/concat/app.concat.js"></script>
<!-- endbuild -->
最后,这是grunt的registeredTask
grunt.registerTask('build',[
'ngtemplates:app',
'concat:js',
'copy_assets',
'less:dev',
'useminPrepare',
'concat:generated',
'uglify:generated',
'cssmin',
'usemin'
]);
任务运行正确,无论如何Chrome开发者工具不允许我在需要的地方设置brekpoints
根据这里的要求,ngtemplates任务
ngtemplates: {
app: {
cwd: '<%= config.src %>',
src: ['**/*.html','!<%= config.src %>/templates/*.html'],
dest: '<%= config.tmp %>/js/app.templates.js'
}
},
ngtemplates:{
应用程序:{
cwd:“”,
src:['***.html','!/templates/*.html'],
dest:“/js/app.templates.js”
}
},
这将不起作用,因为它将忽略“生成”选项中的任何内容
尝试将其重命名为“gruntisdead”或其他名称。但是,“生成的”任务可能会在任何情况下运行并重写您的输出。因此,为了避免这种情况,请停止使用grunt并转到gulp、webpack或其他更现代的工具请同时发布您的
ngtemplates
任务。
grunt.registerTask('build',[
'ngtemplates:app',
'concat:js',
'copy_assets',
'less:dev',
'useminPrepare',
'concat:generated',
'uglify:generated',
'cssmin',
'usemin'
]);
ngtemplates: {
app: {
cwd: '<%= config.src %>',
src: ['**/*.html','!<%= config.src %>/templates/*.html'],
dest: '<%= config.tmp %>/js/app.templates.js'
}
},
uglify:{
generated:{
options:{
sourceMap:{
includeSources: true
},
sourceMapIn:'.tmp/concat/app.concat.js.map'
}
}
},