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问答  这里面是有说明的





















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

 

 

 

 

 

 

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

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

 
 

 
 

 
 

 
 

 
 

 
 

 。