插件脚本

资源管理器 中选中任意一个脚本，就能在 属性检查器 中看到这样一个设置界面，我们可以在这里设置脚本是否“导入为插件”。导入为插件是一个不太常用到的选项，初学者简单了解即可。

  • 普通脚本。
  • 插件脚本。 这个选项只和脚本有关，具体影响有几个方面：

    脚本加载顺序

    脚本加载顺序如下：
  2. 3.

    目标平台兼容性

    插件发布后将直接被目标平台加载，所以请检查插件的目标平台兼容性，否则项目发布后插件有可能不能运行。
  • 目标平台不提供原生 node.js 支持 例如很多 npm 模块都直接或间接依赖于 node.js，这样的话发布到原生或网页平台后是不能用的。
  • 依赖 DOM API 的插件将无法发布到原生平台 网页中可以使用大量的前端插件，例如 jQuery，不过它们有可能依赖于浏览器的 DOM API。依赖这些 API 的插件不能用于原生平台中。

    注意事项

  • 如果插件包含了多个脚本，则需要把插件用到的所有脚本合并为单个的 js 文件

以 Async（https://github.com/caolan/async）为例，这个库包含了非常多的零散的源文件，如果把所有源文件都放到项目里，则每个源文件都要设置一次“导入为插件”，并且 Creator 无法保证这些源文件之间的加载顺序，很容易报错。所以我们要找到插件作者提供的预编译好的单个脚本，例如 async.js 或 async.min.js，这样的文件可以直接用浏览器加载运行，不需要做额外的编译操作，一般可以直接放入 Creator 中使用。如果插件作者没提供打包好的版本，通常也会在文档中说明如何编译出浏览器可执行的脚本，照着操作就行。

  • 如果插件还依赖于其它插件，也需要把多个插件合并为单个 js 文件

以 protobuf.js 为例，这个库还依赖于 bytebuffer.js，但是插件作者并没有提供整合好的独立运行版本。我们可以先下载到这两个库各自编译后的两个文件 protobuf.js 和 bytebuffer.js，然后使用文本编辑器或类似 cat 这样的命令行工具将这两个脚本拼合成一个新的脚本 protobuf_all.js。然后就能在 Creator 中直接使用这个 protobuf_all.js 了。

  • 不支持插件主动加载其它脚本

以 lzma 插件为例，这个插件默认提供的 lzma.js 脚本会通过浏览器的 Worker 加载另一个工作者脚本，目前 Creator 不支持这样的额外加载。解决方式是单独使用。其它像是内部采用 document.createElement("script") 自行加载依赖项的插件，也需要做类似处理才能导入 Creator。

全局变量

由于所有插件脚本都保证了会在普通脚本之前加载，那么除了用来加载插件，你还可以利用这个特性声明一些特殊的全局变量。你可以在项目中添加这样一个脚本，并且设置“导入为插件”：

  1. /* globals.js */// 定义新建组件的默认值var DEFAULT_IP = "192.168.1.1";// 定义组件开关var ENABLE_NET_DEBUGGER = true;// 定义引擎 API 缩写（仅适用于构造函数）var V2 = cc.Vec2;

var DEFAULT_IP = ... 就能声明全局变量。

接下来你就能在任意的普通脚本中直接访问它们：

  1. /* network.js */cc.Class({    extends: cc.Component,    properties: {        ip: {            default: DEFAULT_IP        }    }});
  1. /* network_debugger.js */if (ENABLE_NET_DEBUGGER) {    // ENABLE_NET_DEBUGGER 时这个组件才生效    cc.Class({        extends: cc.Component,        properties: {            location: {                default: new V2(100, 200)            }        },        update: function () {            ...        },    });}else {    // 否则这个组件什么也不做    cc.Class({        extends: cc.Component,        start: function () {            // 在开始后就移除该组件            this.destroy();        }    });}

network.js 和 network_debugger.js 等脚本加载时就已经用到了 globals.js 的变量。如果 globals.js 不是插件脚本，则每个可能用到那些全局变量的脚本都要在最上面声明 require("globals");，才能保证 globals.js 先加载。 window.foo = bar 来声明全局变量，不需要使用插件脚本，详见通过全局变量访问。

  • -

返回 脚本开发工作流程。