gulp压缩

gulp安装

  1. 安装gulp之前要先安装npm。
  2. 在全局下进行一次安装gulp,命令:npm install --global gulp
  3. 在被压缩文档所在根目录下 输入命令:npm init (会自动通过npm下载package.json)
  4. 进入被压缩文档所在根目录下进行本地安装,命令是:npm install gulp --save-dev
  5. 新建一个gulpfile.js文件

gulp插件的安装

在对HTML文件,JS文件,CSS文件进行压缩,我们需要借助插件进行。
npm install gulp-sass gulp-minify-html gulp-concat gulp-uglify gulp-rename gulp-watch gulp-imagemin --save-dev

gulp压缩代码

在该目录下编辑gulpfile.js文件。
引入插件
在这里插入图片描述
gulp.src是待处理的源文件位置,gulp.dist是处理后的目标文件位置:
在这里插入图片描述
在这里插入图片描述

执行任务

gulp
在目标文件目录下查看处理后的文件,检查文件名和内容是否符合预期。

猜你喜欢

转载自blog.csdn.net/zhanleibo/article/details/90315455
今日推荐