-
使用以下指令安装glup打包工具:
npm install gulp -g -
在根目录下创建gulpfile.js文件,并写入以下代码:
var gulp = require('gulp'); var htmlmin = require('gulp-htmlmin'); var rename = require('gulp-rename'); gulp.task('html', function() { gulp.src('src/*.html') .pipe(htmlmin({collapseWhitespace: true})) .pipe(rename({suffix: '.min'})) .pipe(gulp.dest('dist/')); }); gulp.task('default', ['html']); -
在根目录下创建src文件夹,将所有html文件放入该文件夹中。
-
在终端中输入以下指令,执行打包操作:
gulp执行完毕后,会在根目录下生成dist文件夹,该文件夹中包含所有压缩后的html文件。
-
将dist文件夹上传到服务器上,即可访问打包后的原生html多页项目。