首页 > 其他 > 详细

creator H5 启动页优化

时间:2019-04-20 17:04:25      阅读:261      评论:0      收藏:0      [点我收藏+]

思路:

1、通过gulp-filelnline-inline 插件将style-mobile.css、setting.js、main.js、内联到html中,减少文件网络的请求次数。

2、通过gulp-htmlmin把html文件压缩、减少空格、压缩代码量、减少文件体积

实现步骤:

1、配置nodejs、gulp运行环境

2、安装gulp-fileinline-inline、gulp-htmlmin插件

3、创建gulifile.js文件,代码如下 

var gulp = require(‘gulp‘);
var fileInline = require(‘gulp-file-inline‘);
var htmlmin = require(‘gulp-htmlmin‘);
 
gulp.task(‘htmlmin‘, function(cb) {
gulp.src(‘./build/web-mobile/*.html‘)
.pipe(fileInline())
.pipe(htmlmin({
collapseWhitespace:true, // 压缩空格
removeComments: true // 清除html注释
}))
.pipe(gulp.dest(‘./build/web-mobile/‘)
.on(‘end‘, cb));
});
4、执行 gulp htmlmin

 

creator H5 启动页优化

原文:https://www.cnblogs.com/shwhr/p/10741394.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!