gulp-angular-templatecache缓存templateURL

文章参考

https://www.npmjs.com/package/gulp-angular-templatecache

 

利用缓存将 templateURL 的HTML缓存起来

 

npm 安装

npm install gulp-angular-templatecache --save-dev

 

例子

//引入gulp工具
var gulp = require("gulp");
//将angularjs 模板压缩并缓存
var templateCache = require('gulp-angular-templatecache');
/**
 * 推荐
 * 将html模板页面 以angularjs的方式 压缩并缓存
 * */
gulp.task('angularTemplateCache', function () {
    return gulp.src('templates/wap/**/*.html')
		//templateHTML.js为压缩之后的文件名，注意.js后缀名不能少
        .pipe(templateCache("templateHTML.js",{
			//路径的前缀
			root: 'templates/wap/',
			//模块的名字
			module:"huangbiaoApp"
		}))
        .pipe(gulp.dest('dist/'));
});

 

压缩结果

 

• 
• 大小: 16.4 KB

• 查看图片附件