微信小程序工程化探索中，如何用webpack实战实现高效开发？

本文共计3522个文字，预计阅读时间需要15分钟。

前言+微信小程序因其便捷的使用方式，以极快的速度传播开来，吸引了大量用户。在市场需求剧增的情况下，每家互联网企业都想尝一口甜头，因此掌握小程序开发技术无疑成为一大趋势。

前言

微信小程序因为其便捷的使用方式，以极快的速度传播开来吸引了大量的使用者。市场需求急剧增加的情况下，每家互联网企业都想一尝甜头，因此掌握小程序开发这一技术无疑是一名前端开发者不可或缺的技能。但小程序开发当中总有一些不便一直让开发者诟病不已，主要表现在：

• 初期缺乏方便的npm包管理机制（现阶段确实可以使用npm包，但是操作确实不便）
• 不能使用预编译语言处理样式
• 无法通过脚本命令切换不同的开发环境，需手动修改对应环境所需配置（常规项目至少具备开发与生产环境）
• 无法将规范检查工具结合到项目工程中（诸如EsLint、StyleLint的使用）

有了不少的问题之后，我开始思考如何将现代的工程化技术与小程序相结合。初期在社区中查阅资料时，许多前辈都基于gulp去做了不少实践，对于小程序这种多页应用来说gulp的流式工作方式似乎更加方便。在实际的实践过后，我不太满意应用gulp这一方案，所以我转向了对webpack的实践探索。