Layabox2.0 Parcel 极速打包配置
最近经历一个Layabox 2.0的h5游戏项目,刚接触时发现该游戏的源代码非常多,类嵌套也比较多。结果就导致一个问题,随便修改几个功能,导致运行编译时长从几秒到几十秒,不夸张的说甚至几分钟。我是一个急性子,根本不能忍受,就想到怎么去解决这个问题。经历了差不多半个月尝试。从rollup、gulp等方案,都试了,编译速度都是不可接受。最后寻找到了Parel,彻底惊呆了我。支持多线程 增量编译。编译速度直线上升。大大的提高了Layabox2.0项目开发效率。特此分享配置出来。目前针对Layabox2.0项目,理论上来说,其他版本都是可用的。不过我未做测试。我日常使用都是Layabox2.0项目。具体使用教程如下,也非常简单。
1.第一步 利用npm 或者yarn 直接安装parcel。安装如果出现问题参考参考官网教程。官网地址 https://parceljs.org/。 2.第二步 在项目的根目录 添加.babelrc配置,这个配置我稍后上传上来。大家直接拷贝就可以了。 3.第三步 在项目的根目录 直接运行脚本 parcel ./src/* --no-hmr --out-dir bin/dist 运行效果如下:Server running at http://localhost:1234 这样子就成功了。没修改一次代码,都会自动增量编译,体验非常爽。当然也非常感谢parcel作者,开发了那么好的一个工具。
如果大家在使用过程中,有什么问题,欢迎给我提issue。