微信小程序从零开始开发步骤（七）引入外部js 文件

上一章讲到小程序页面的四种常见的跳转的方法，这一章写如何引入一个外部的js文件，既utils文件夹的用处，其实步骤很简单：

​

1：准备好外部想要引入的外部文件，命名为util.js,并且填充固定的文件内容（一般是固定的库）

2：打开util.js ，继续填写重要内容将要使用的方法用module.exports给暴露出来，如图所示（

我暴露了一个方法： imageUtil，若有很多方法，则用json形式）

module.exports = {
  imageUtil: imageUtil
} 

3：将外部js放在指定的文件夹utils里（utils 规定存放js库和数字格式化文件）

4：在想要用到这个方法的js里面 require这个js，然后调用即可

（我在index.js文件里面想要调用外部文件util.js，则先要获取应用实例 ：var imageUtil = require('../../utils/util.js');调用即可。）

阅读链接：

微信小程序从零开始开发步骤（一）搭建开发环境https://cloud.tencent.com/developer/article/1141318

微信小程序从零开始开发步骤（二）创建小程序页面https://cloud.tencent.com/developer/article/1141329

微信小程序从零开始开发步骤（三）底部导航栏https://cloud.tencent.com/developer/article/1140238

微信小程序从零开始开发步骤（四）自定义分享的功能https://cloud.tencent.com/developer/article/1140245

微信小程序从零开始开发步骤（五）轮播图https://cloud.tencent.com/developer/article/1140235

微信小程序从零开始开发步骤（六）4种页面跳转的方法https://cloud.tencent.com/developer/article/1140251

微信小程序从零开始开发步骤（七）引入外部js 文件https://cloud.tencent.com/developer/article/1140247

微信小程序从零开始开发步骤（八）引入框架WeUI：https://cloud.tencent.com/developer/article/1141379