创新互联百度小程序教程：模块化

模块化
- 模块化编译方式
  - 依赖分析模式
  - 普通编译模式
  - 隔离编译模式

模块化

解释：可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块可以通过 module.exports、exports 或者 export 对外暴露接口，使用 require 或者 import 进行导入。

创新互联建站服务项目包括大通网站建设、大通网站制作、大通网页制作以及大通网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，大通网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到大通省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

代码示例

 
 
 
  
  
  // utils.js
  
  
  var name = 'swan';
  
  
  var age = 0;
  
  
  function logName() {
  
  
   console.log(name);
  
  
  }
  
  
  function logAge() {
  
  
   console.log(age);
  
  
  }
  
  
  module.exports.logName = logName;
  
  
  module.exports.logAge = logAge;

可以在需要使用这些模块的文件中，对模块进行引用：

 
 
 
  
  
  var utils = require('./utils');
  
  
  Page({
  
  
   onLoad: function () {
  
  
   utils.logName();
  
  
   }
  
  
  });

模块化编译方式

编译工具提供依赖分析模式、普通编译模式、隔离编译模式：

依赖分析模式

无用文件（不包含图片）不会被打包到产出中，支持 node_modules 的使用。

在依赖分析编译模式下正确的模块引用的书写方式：

代码示例

 
 
 
  
  
   // 在app.js中引用util文件夹下的a.js的方式:
  
  
   require('./util/a.js');
  
  
   // b.js中引用a.js
  
  
   require('./a.js');
  
  
   // 从当前目录到项目根目录下递归寻找node_modules文件夹中是否存在a.js，没有则报错；
  
  
   require('a.js');

普通编译模式

不支持 node_modues 的使用。

在普通模式下正确的模块引用的书写方式：
代码示例

 
 
 
  
  
   // 在app.js中引用util文件夹下的a.js的方式:
  
  
   1. require('/util/a.js');
  
  
   2. require('./util/a.js');
  
  
   3. require('util/a.js');

隔离编译模式

在普通编译模式的基础上，优化文件生成策略，模块引用有以下限制：

主包不能引用分包js文件;

分包之间不能互相引用js文件;

分享文章：创新互联百度小程序教程：模块化
链接地址：http://www.mswzjz.cn/qtweb/news22/159222.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：贝锐智能

贝锐智能技术为您推荐以下文章