/hero-webpack

hero by webpack

Primary LanguageJavaScript

herowebpack版本,原版本见hero

命令

#开发环境
npm run dev

#生产环境
#step1
npm run dll

#step2
npm run build

#全部打包 step1+step2
npm run all

开发环境

区别于herohero-webpack的开发环境没有dist目录。

  • jscss不打包压缩,通过内存读取,更快。
  • 不处理雪碧图,见main.scss写法。
  • svg图标通过iconfont+的方式载入,本脚手架不再做处理。

生产环境

第一次 or 修改过第三方脚本时,先执行dll命令,再进行build打包,或者npm run all

npm run dll

这个命令会构建出第三方库的依赖包vendor.js,包含zepto.jsrem750.js

npm run build

  • 打包、压缩、抽离js
  • 生成压缩后的样式。
  • 生成雪碧图并处理base64
  • .html文件自动载入样式、载入3个js文件(vendor.jscommon.jsindex.js)。

关于build后生成的js文件:

  • vendor.js,第三方库的打包文件
  • common.js,抽离出重复使用的模块文件
  • index.js,业务模块打包后的文件