hero
的webpack
版本,原版本见hero
命令
#开发环境
npm run dev
#生产环境
#step1
npm run dll
#step2
npm run build
#全部打包 step1+step2
npm run all
开发环境
区别于hero
,hero-webpack
的开发环境没有dist
目录。
js
与css
不打包压缩,通过内存读取,更快。- 不处理雪碧图,见
main.scss
写法。 - svg图标通过iconfont+的方式载入,本脚手架不再做处理。
生产环境
第一次 or 修改过第三方脚本时,先执行dll命令,再进行build打包,或者npm run all
npm run dll
这个命令会构建出第三方库的依赖包vendor.js
,包含zepto.js
、rem750.js
。
npm run build
- 打包、压缩、抽离
js
。 - 生成压缩后的样式。
- 生成雪碧图并处理
base64
。 - 给
.html
文件自动载入样式、载入3个js文件(vendor.js
,common.js
,index.js
)。
关于build后生成的js文件:
vendor.js
,第三方库的打包文件common.js
,抽离出重复使用的模块文件index.js
,业务模块打包后的文件