使用webpack取代gulp构建H5
webpack取代了gulp构建H5的脚手架。主要实现了开发与线上环境资源引用不同的问题,以及本地开发默认路径为'./',线上会添加用户自定义的路径前缀。它还替换了HTML中的img和video标签的src,以及CSS内部的资源路径和JS路径引用,并进行了Babel转码和PostCSS特性处理,包括px2rem、less语法支持和cssnano等。页面图片采用rem+vw方式适配,但图片压缩方面使用了TinyPNG。此外,还进行了公共JS和CSS的抽离,使用了Webpack4的新特性和热加载实时更新页面。
83.15KB
文件大小:
评论区