• 模塊化
  • 模塊化編譯方式
    • 依賴分析模式
    • 普通編譯模式
    • 隔離編譯模式

模塊化

解釋：可以將一些公共的代碼抽離成為一個單獨的 js 文件，作為一個模塊。模塊可以通過 module.exports、exports 或者 export 對外暴露接口，使用 require 或者 import 進行導入。

創(chuàng)新互聯(lián)建站服務項目包括大通網(wǎng)站建設、大通網(wǎng)站制作、大通網(wǎng)頁制作以及大通網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，大通網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到大通省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

代碼示例

• 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();
  
  
  
 }
  
  
  
});
 
 
 

模塊化編譯方式

編譯工具提供依賴分析模式、普通編譯模式、隔離編譯模式：

依賴分析模式

無用文件（不包含圖片）不會被打包到產(chǎn)出中，支持 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');
 
 
 

隔離編譯模式

在普通編譯模式的基礎上，優(yōu)化文件生成策略，模塊引用有以下限制：

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

網(wǎng)頁名稱：創(chuàng)新互聯(lián)百度小程序教程：模塊化
文章路徑：http://www.dlmjj.cn/article/cdpdgss.html