提升接近7倍编译速度!laya小游戏开发技巧(普通专栏)

**

前言

**如何快速提高Laya构建速度 微信小游戏推出之后,很多公司也相应的进入到微信小游戏这个领域,。而在实际开发中,如何提高Laya的构建速度,是游戏开发者非常想要解决的问题之一,下面,我们就来给大家梳理下。
**

本章要点:增量编译+自动刷新浏览器

视频演讲稿件 点击观看视频: B站视频

Laya增量编译

经过测试环境
Laya2.7.1
Laya2.0.0
其他版本未作测试

今天讲的内容是 为laya构建高效的编译环境
(webpack+增量编译+自动编译 +自动刷新)

前后对比图如下
Laya自带的编译速度
提升接近7倍编译速度!laya小游戏开发技巧(普通专栏)_第1张图片
启用webpack编译
提升接近7倍编译速度!laya小游戏开发技巧(普通专栏)_第2张图片

提升速度=7.7/1.27 ≈6.4 倍

(视频演示效果)

开始讲解详细的操作

首先把准备好的素材拷贝到项目根目录
提升接近7倍编译速度!laya小游戏开发技巧(普通专栏)_第3张图片
提升接近7倍编译速度!laya小游戏开发技巧(普通专栏)_第4张图片
拷贝完毕后

在终端输入npm run dev,这时后台会执行文件监控任务,只要文件发生变化就会触发增量编译,且刷新浏览器

额外话题:
在这里为了在laya中便捷使用webpack,已经把webpack的从安装到配置集成了一个包,
如果有需求想对webpack进行更深一步学习,开发者可以查阅相关资料

用到的素材在qq群内可下载

下载链接(文章底部)
感谢观看本次视频

提升接近7倍编译速度!laya小游戏开发技巧(普通专栏)_第5张图片

你可能感兴趣的:(h5,laya)