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

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

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

图片.png

2：打开util.js ，继续填写重要内容将要使用的方法用module.exports给暴露出来，如图所示（
我暴露了一个方法： imageUtil，若有很多方法，则用json形式）

module.exports = {
  imageUtil: imageUtil
} 

图片.png

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

图片.png

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

图片.png

文末福利：

福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：https://www.jianshu.com/p/e8197d4d9880
福利二：微信小程序入门与实战全套详细视频教程

【文末福利】

关注 【编程微刊】微信公众号：

回复【小程序demo】一键领取130个微信小程序源码demo资源。

回复【领取资源】一键领取前端，Java，产品经理，微信小程序，Python等资源合集8G资源大放送。

原文作者：祈澈姑娘
原文链接：https://www.jianshu.com/u/05f416aefbe1
创作不易，转载请告知

90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。