使用gulp压缩合并AngularJS项目中js
toc
AngularJS项目中js众多，上线的时候压缩合并下还是很有必要的^_^
在此之前如果不了解gulp，推荐访问Gulp开发教程（翻译）。
值得注意的是，一般书写时按照简写的格式：
angular.module("MyMod").controller("MyCtrl", function($scope, $timeout) {
});但是压缩js会破快AngularJS文件所需的依赖注入，以至于无法工作，因此压缩前你需要将代码手动修改为下面的形式：
angular.module("MyMod").controller("MyCtrl", ["$scope", "$timeout", function($scope, $timeout) {
}]);在此着重介绍下ng-annotate这个项目，它会自动帮你做这件事_，这个项目正好提供了gulp的插件，因此顺理成章：
var gulp = require('gulp');
var ngAnnotate = require('gulp-ng-annotate');
var gutil = require('gulp-util');
var bower = require('bower');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');
var ngmin = require('gulp-ngmin');
var stripDebug = require('gulp-strip-debug');
gulp.task('minify', function() {
return gulp.src(['js/appService.js','js/app.js']) //注意，此处特意如此，避免顺序导致的问题
.pipe(ngAnnotate())
.pipe(ngmin({dynamic: false}))
.pipe(stripDebug())
.pipe(uglify({outSourceMap: false}))
.pipe(concat('all.min.js'))
.pipe(gulp.dest('js/'))
}); 本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
文件存储
文件存储（Cloud File Storage，CFS）为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用，为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用，可实现对现有应用的无缝集成；按实际用量付费，为您节约成本，简化 IT 运维工作。
腾讯云开发者
