之前搞gulp的时候是2年前,好久没弄了回顾一下,大致的配置过程:
1.npm install gulp -g 全局安装
切到对应的目录gulpDemo
基本结构如下:
安装相关依赖:
注意gulp-uglify 这个需要关注一下,因为有es6语法,
打包js的需要转化成es5语法,
最重要的是配置task,gulpfile.js:
里面应该涵盖全部模块的打包:
有less和css的(兼容浏览器自动加前缀):
js:
图片img(png 的深度压缩):
以及主页index.html:
完整的打包项目在本人github上(里面的css和js img 都是随处拷贝无用处)