we-script

让微信小程序支持加载远程 JavaScript 脚本， 支持 ES5 语法

最近更新内容

• src 支持数组
• 新增 once ，相同上下文及相同地址的脚本只执行一次
• 新增 onInit 事件

使用

小程序如何使用 npm 包

npm <strong>install</strong> <em>--save we-script</em>

step1 安装完成后，点击开发者工具中的菜单栏：工具 --> 构建 npm

step2 安装完成后，点击开发者工具中的菜单栏：工具 --> 项目详情 --> 本地设置 --> [勾选] 使用 npm 模块

在需要用的页面或组件的 json 文件添加声明，示例：

index.json

{
  "usingComponents": {
    "we-script": "we-script"
  }
}

index.wxml

<we-script src="url">
  <view>hello we-script<view>
</we-script>

注：多个 we-script 会并行加载及无序执行，无法保证执行顺序。如：

// 并行加载及无序执行
<we-script src="url1" />
<we-script src="url2" />
<we-script src="url3" />

如需要确保执行顺序，应该使用数组，例如：

数组方式

<we-script src="{{[url1,url2,url3]}}">
  <view>hello we-script<view>
</we-script>

we-script 也支持嵌套，如：

<we-script  src="url1">
  <we-script src="url2">
    <view>hello we-script<view>
  </we-script>
</we-script>

注意：在嵌套的情况下 we-script 加载和执行也是并行且无序的，因为小程序生命周期触发机制导致，如果想在嵌套模式下保证顺序，需要自己手动控制，示例：

<we-script bind:onLoad="loadScript" src="url1">
  <we-script wx:if="url1_load_success" src="url2">
    <view>hello we-script<view>
  </we-script>
</we-script>

重要：远程加载执行的代码所生成的函数，变量等数据存储在 we-script 默认的 上下文 中，可通过 onLoad 事件获取默认 上下文 ，或通过 onInit 事件获取上下文或自定义 上下文 。