cocos creator 修改源码教程并使浏览器预览生效（js）

更新：使用cocos creator 引擎自带的build工具，使用gulp重新build即可！引擎定制

首先 你需要知道的：

1.源码位置 ：

cocos creator 的 网页版本引擎位于 cocos creator安装目录下的 \resources\engine\cocos2d下；以下图为例 ： D:\Wokd Space\CocosCreator既是我的引擎安装目录。

2. 引擎浏览器预览时所采用的源码文件位置（引擎安装目录下的 \resources\engine\bin\cocos2d-js-for-preview.js 也就是预览时会直接从这里读取cocos2d-x所有相关类）：

3. 构建web项目采用的cocos2d-js.js　或者　cocos2d-js-min.js位置

如果是调试模式则构建时生成的是cocos2d-js.js文件 否则为cocos2d-js-min.js文件

在引擎的构建过程中 它会读取引擎目录下的 \resources\engine\bin\.cache 下的cocos2d-js文件！ 将其直接拷贝到构建目录下！

4. 非第一次构建web项目 则项目的 buid目录下的的 对应平台目录下存在 cocos2d-js文件！则构建会直接采用这个而不进行生成！

综上：

你修改完引擎目录下的文件后 重启编辑器面板是 能够生效的，但是在预览下采用的是上面2所说的 cocos2d-js-preview.js文件！所以你会发现预览不起效果

如果你修改源码前没有进行任何构建 则构建后预览会生效！

但是如果你之前构建了 则采用的是之前的旧得 上面 3 4 所说的 cocos2d-js文件。所以构建了预览也不会生效。

总结 ： 

构建时首先采用的是项目构建目录下的cocos2d-js文件，若不存在 则采用 引擎目录下的 \resources\engine\bin\.cache 下的文件 若都不存在 才重新使用源码生成项目！

所以在我们修改源码完成后：

1. 重启编辑器

2.清空项目构建目录下对应平台的文件夹（eg : ./build/web-moble）

3.清空引擎目录下的 \resources\engine\bin\.cache文件夹

4.构建项目

构建项目 运行发现修改已经生效了 

如果需要预览也生效的话 需要拷贝构建生成的cocos2d-js文件 重命名为cocos2d-js-preview.js 替换  引擎下的 \resources\engine\bin\cocos2d-js-for-preview.js 即可！与之对应的cocos2d-js.map文件同样操作！

需要注意的是如果你修改源码后存在编译错误,则使用cocos creator打开项目时 会出现面板空白。这个时候检查你修改的源码 并改正错误后 重新打开编辑器即可生效了。