utools插件开发-打包发布_米醋屋个人技术博客

插件第一版就开发到这样了，有了上传图集的功能，也基本满足了目前自己的需求，后期就是再优化其他功能了。今天我们打包到生产环境。

## 背景：
1：开发是基于uniapp的
2：用到了nodejs中的fs模块

## 步骤：

1：hbuilderX打包

需要注意的是，我们运行的时候是基于当前目录下的，不然部分静态资源无法加载。
[![](https://cos.micuu.com/web/markdown/63a10d5702e5b.png)](https://cos.micuu.com/web/markdown/63a10d5702e5b.png)

[![](https://cos.micuu.com/web/markdown/63a10d72b43a0.png)](https://cos.micuu.com/web/markdown/63a10d72b43a0.png)

2：打包完成

[![](https://cos.micuu.com/web/markdown/63a10ed159e39.png)](https://cos.micuu.com/web/markdown/63a10ed159e39.png)

3：复制文件

将 plugin.json / preload.js  复制到 h5 目录下， 并且修改plugin.json中的配置。

删除 development.main 配置并修改logo配置。

4：打开开发者工具

[![](https://cos.micuu.com/web/markdown/63a10f88bd130.png)](https://cos.micuu.com/web/markdown/63a10f88bd130.png)

[![](https://cos.micuu.com/web/markdown/63a10fb048518.png)](https://cos.micuu.com/web/markdown/63a10fb048518.png)

5：运行
[![](https://cos.micuu.com/web/markdown/63a110d441f24.png)](https://cos.micuu.com/web/markdown/63a110d441f24.png)

[![](https://cos.micuu.com/web/markdown/63a110ec0ee0c.png)](https://cos.micuu.com/web/markdown/63a110ec0ee0c.png)

使用介绍：
1：复制图片文件 （ctrl + c）

2：打开utools，会自动匹配到上传到米醋儿网
[![](https://cos.micuu.com/web/markdown/63a11133a311c.png)](https://cos.micuu.com/web/markdown/63a11133a311c.png)

上传即可，是不是超级方便。

注:原创不易,转载请注明出处( http://www.micuu.com/new/3158.html?special=3160 )，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。