gulp 打包多页项目-原生项目开发

250 阅读1分钟
  1. 使用以下指令安装glup打包工具:

    npm install gulp -g
    
  2. 在根目录下创建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']);
    
  3. 在根目录下创建src文件夹,将所有html文件放入该文件夹中。

  4. 在终端中输入以下指令,执行打包操作:

    gulp
    

    执行完毕后,会在根目录下生成dist文件夹,该文件夹中包含所有压缩后的html文件。

  5. 将dist文件夹上传到服务器上,即可访问打包后的原生html多页项目。