使用前先运行npm install

使用proj.config.js定义项目选项:

module.exports = {
  mergeCss: false,
  useCDNImg: false
};

mergeCss定义是否把css样式嵌入到webpack生成的包 useCDNImg定义是否把图片文件上传到CDN,若不上传则包含到输出包中

gulp包含以下任务:

任务名称 先行任务 功能
webpack 使用webpack打包脚本文件和其他资源文件,生成到dist/js目录下的index.js
webpack-dev-server 启动本地webpack服务器
uploadimg 上传图片到CDN或复制到dist/img目录
replace-cdn webpack, uploadimg src/*.html, src/js/*.js, src/css/*.css中的图片地址替换成CDN地址(若选项中选择不使用CDN则不作处理),并输出到dist文件夹下的对应位置
default replace-cdn dist/js/*.js, dist/css/*.css作压缩混淆处理,并声称map文件
deploy default dist文件打包成deploy.zip,不包含map文件