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

模块化

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

代码示例

• JS

 
 
 

  
  
  
// 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;
 
 
 

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

• JS

 
 
 

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

模块化编译方式

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

依赖分析模式

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

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

代码示例

• JS

 
 
 

  
  
  
 // 在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 的使用。

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

• JS

 
 
 

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

隔离编译模式

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

1. 主包不能引用分包js文件;
2. 分包之间不能互相引用js文件;