uniapp引用php（引用第三方插件到分包中即如何把uni_modules文件夹中的插件放入分包中）

网上搜索了很多                 ，但都没有直接说明如何把node_modules中的第三方插件如何引入到分包中 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
，首先为什么要在分包引入















，原因就是小程序有包大小的限制
  
  
  
  
  
  
  
  
 ，不能超过2M 
  
  
  
  
  
  
  
 ，超过2M的话 


 


 


 


 


 


 


 


 
，则不能发布或预览
 
 
 
 
 
 
 
 
，于是不能不把一些只有某个或某些页面使用的插件放到分包中                 。

 

情况说明及解决办法如下：

一  
   
   
   
   
   
   
   
  ，在使用uniapp插件市场时 

 

 

 

 

 

 

 

 
，可以有两种方式可以下载插件

 

 

 

 

 

 

 

 
，并把插件引入到项目中 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
。一种是直接使用HBuildex导入插件                 ，但这种会自动把插件放入到根目录下uni_modules文件夹中的 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
，在打包时
















，会自动计入主包大小                         ，如果主包不超过2M 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
，这种方法完全没问题















。但如果超过2M
























，就要考虑放到分包中
  
  
  
  
  
  
  
  
 。

二                 ，放入分包中的步骤：点击下载插件ZIP 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
，点击后















，会弹出一个框
  
  
  
  
  
  
  
  
 ，如下方 
  
  
  
  
  
  
  
 。其实也可以把uni_modules文件夹中的插件复制到分包中 
  
  
  
  
  
  
  
 ，一般放在分包中的components文件夹下

三 


 


 


 


 


 


 


 


 
，引用方式
 
 
 
 
 
 
 
 
，如果插件在uni_modules文件夹下  
   
   
   
   
   
   
   
  ，直接使用即可 

 

 

 

 

 

 

 

 
，不需要额外的操作 


 


 


 


 


 


 


 


 
。但放入分包后

 

 

 

 

 

 

 

 
，需要以下代码指定插件位置
 
 
 
 
 
 
 
 
。

        ①代码使用                 ，正常使用即可 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
，如

        ②引入代码
















，指定插件位置                         ，如import qiun from "@/pages_repair/components/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue";  

        ③定义插件名称 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
，这也是最重要的一步  
   
   
   
   
   
   
   
  。在export default中的components中定义 

 

 

 

 

 

 

 

 
。

<template> <view> <view style="margin-top: 150rpx;"> <qiun type="pie" :opts="opts" :chartData="chartData" /> </view> </view> </template> <script> import qiun from "@/pages_A/components/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue"; export default { components:{ qiun, }, //其他代码... }

其实这个操作在如何从插件市场下载使用组件 - DCloud问答  这里面是有说明的
























，不过这也是我再头疼之后冷静下来才发现的

 

 

 

 

 

 

 

 
。真的是众里寻他千百度                 ，蓦然回首却在灯火阑珊处                 。

其实这个操作并不难 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
，只为急需找到答案的朋友提供方便 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
。