Taro——分包

曾经终败给现在 2021-08-30 18:48 814阅读 0赞

分包和微信小程序分包一样，需要在`app.jsx`中去配置`subpackages`选项

subpackages: [
        root: 'pages/distributionOrder/',
        name: 'distributionOrder',
        pages: [
        	'index',
             'add/addOrderInfo',
    	]
    ]

<table> 
 <thead> 
  <tr> 
   <th>字段</th> 
   <th>类型</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>root</td> 
   <td>String</td> 
   <td>分包根目录（src里的）</td> 
  </tr> 
  <tr> 
   <td>name</td> 
   <td>String</td> 
   <td>分包别名，分包预下载时可以使用</td> 
  </tr> 
  <tr> 
   <td>pages</td> 
   <td>StringArray</td> 
   <td>分包页面路径，相对与分包根目录</td> 
  </tr> 
  <tr> 
   <td>independent</td> 
   <td>Boolean</td> 
   <td>分包是否是独立分包</td> 
  </tr> 
 </tbody> 
</table>

**打包原则**

*  声明`subpackages`后，将按`subpackages`配置路径进行打包，`subpackages`配置路径外的目录将被打包到app（主包）中去
 *  app（主包）也可以有自己的 pages （即最外层的 pages 字段）
 *  `subpackage`的根目录不能是另外一个`subpackage`内的子目录
 *  `tarBar`页面必须在 app（主包）内

**个人理解**

> 不加 subpackage 的时候，项目打包会把 pages 里的文件都打包到app主包里去，加上 subpackage 以后，这里面的分包就相当于是每个小模块（项目），里面的 pages 就对应这个小模块的路由，每个分包都相较于其他的分包都是独立的。你不能在主包里设置了路由`A`，然后又在子分包里设置了一模一样的`A`。

公众号：Coder 杂谈，欢迎关注  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]: /images/20210813/451a276cf31244c7936a13c8a3299b73.png