人生无常，大肠包小肠~在接近年底的时候，有一个 Vue 项目，需要从中抽取 2 个模块出来。然后想着新建项目，Vue CLI 也是学，Vite 也是学，于是哼次哼次用上了 Vite，结果开始了一路的 bug 挨打之旅……警告：本文有 1.9w+ 字，35 张图片，10 个以上报错及其解决方式，1 个 Demo 和 1 个项目实例一 前言Hello 小伙伴们早上、中午、下午、晚上、深夜好，我是jsliang。本次「迁移 Vue v2.x 项目到 Vite」将分为 2 个部分：以一个简单 Demo，进行 Vite 快速入手（同时也是补充完善实例项目未解决的问题）对实例项目迁移，对比 Vue CLI 和 Vite，以及 Vite 构建中碰到的问题。本文更倾向于随手可查工具文，就好比之前写过的 Webpack 4 文章一样，它很快会石沉大海，但是我们将碰到的问题都反馈出来后，会让后面的人少跑弯路，这是很棒的事情。小伙伴们如果碰到文章同样问题，想咨询当时细节，可 WX: Liang123Gogo。感谢你的点赞和关注支持~二 简单 Demo：通过 Vite 打包 lib 仓库下面开始保姆级教学，从 0 到 1 构建 Vite 项目，并处理打包问题。前面及步骤略简单，小伙伴可选择跳读。本小节的代码仓库：all-for-one/039-迁移 Vue v2.x 项目到 Vite/2.1 步骤一：创建 ...继续阅读 (22)

随着HotPatcher的开发以及我对于资源管理方面的技术的研究，围绕着HotPatcher实现的功能越来越多，实现也越来越复杂，加上引擎的不断更新，一个大而全的插件对引擎的兼容性越来越难以维护。随着新一代引擎UE5的到来，HotPatcher同样会跟进UE5中支持，并针对UE5的特性开发新的功能。我希望它不仅仅只是一个资源打包工具，而是包含资源管理、审计、打包、热更新、包体优化、构建提升等等全方位的资源管理方案，并且作为一个开放式的资源处理框架。本篇文章会介绍HotPatcher的模块化进展，对现有功能的支持。以及如何利用HotPatcher强大的打包能力根据项目需求进行自定义的模块化扩展。最后，会介绍HotPatcher项目后续的开发计划。 ...继续阅读 (59)

Vbook 是一款可以将 TXT 转换为 ePub、Mobi 电子书格式的 Windows、macOS 图形界面工具，支持分卷、目录、封面、自定义行距尺寸等，还可以从网络自动获取封面图片，不支持批量处理，适合个人使用。@Appinn在前几天推荐的kaf-cli – 将 txt 小说转换为电子书（EPub、Mobi、azw3），带封面、目录[Win/macOS/Linux/Android]之后，不少同学想找一个图形界面的工具，毕竟命令行这种事情，用起来不爽呀。kaf-cli-GUI 图形界面版本今天早些时候，@CCR 同学就在 kaf-cli 下吐槽了：用了一圈感觉还是古老的easypub好用……当然他立即发来了 kaf-cli 的图形界面版本，这就…很有趣了：我又来了，给这个软件写了个gui界面。无需去github下载原始软件，已经内嵌于gui软件中了。https://meta.appinn.net/t/topic/39002/8（源码及下载）不过，青小蛙在此之前发现了另外一款工具，用起来也非常不错。Vbook这是青小蛙在贴吧发现的工具，开发者 @video999这样描述：老衲入手 kwp3 后，但是发现目前的转换软件都太难用了（老夫主要看网文），故而干脆自己写一个，在隔壁发布后多次更新！本软件为原创。主要功能一键将 txt 转换成 epub 和 mobi 两种格式，自 ...继续阅读 (37)

Python的Selenium套件对于自动化一些常规网页操作非常好用，但部署是不太省心省力的，在不同的操作系统上安装Chrome与对应版本的driver后还需要进行测试运行，相较于传统的服务器项目部署来说，安装与排错都显得比较费事。如果将Selenium+Chrome进行Docker部署，那可以大大降低部署难度，更加关注自动化的代码本身，于是有了下面打包Selenium项目（Chrome浏览器）的实践。1. 前期准备1.1. web项目使用Python写一个简单的web项目，代码结构如下Bashcontent_copy❯ tree . ├── requirements.txt └── web └── __init__.py引入fastapi作为web框架，__init__.py文件内容如下Pythoncontent_copyfromfastapiimportFastAPIapp=FastAPI()@app.get("/")asyncdefroot():return{"message":"Hello World"}运行方法Bashcontent_copyuvicorn web:app --port=5000此时访问http://127.0.0.1:5000/可以看到返回 Hello World，Web项目搭建结束1.2. SeleniumSelenium支持许多浏览器，这里选 ...继续阅读 (24)

接到一个需求，是基于 Jenkins 给 unity 打包，unity 则需要在 Windows 环境下构建，因此实现这个需求的第一步，就是需要解决给主 Jenkins 添加一个 Windows 节点的 slave。而 slave 基于Java启动，如何将这个Java启动的命令放到后台启动，就成了一个问题！ ...继续阅读 (21)

**tar命令** 可以为linux的文件和目录创建档案。利用tar，可以为某一特定文件创建档案（备份文件），也可以在档案中改变文件，或者向档案中加入新的文件。tar最初被用来在磁带上创建档案，现在，用户可以在任何设备上创建档案。利用tar命令，可以把一大堆的文件和目录全部打包成一个文件，这对于备份文件或将几个文件组合成为一个文件以便于网络传输是非常有用的。阅读更多 ...继续阅读 (22)

**zip命令** 可以用来解压缩文件，或者对文件进行打包操作。zip是个使用广泛的压缩程序，文件经它压缩后会另外产生具有“.zip”扩展名的压缩文件。阅读更多 ...继续阅读 (18)

我的多个站点运行在同一个主机上，对应多个github私有仓库，打包部署使用deploy key，尴尬的是github限制每个仓库都必须用不同的key，没有正确配置会报错阅读更多 ...继续阅读 (17)

UE默认的资源管理较为复杂，默认情况下是根据在ProjectSetting里配置的地图、目录、PrimaryAsset的配置，以及对一些条件的组合检测来执行资源打包过程的。并且，UE的Cook是根据运行时的动态加载来实时添加资源打到包中的，这导致打包的资源进包过程几乎等同于黑盒。博客中介绍默认的进包资源规则及基础包拆分的文章：UE 资源管理：引擎打包资源分析UE 热更新：拆分基础包本篇文章提供了一种新的思路，利用HotPatcher的精确Cook和打包机制，实现了一个HotChunker的Mod，能够对引擎的非侵入式，直接复用UE默认打包过程、简单清晰地进行拆分基础包。本篇文会具体介绍使用方式以及实现原理。 ...继续阅读 (63)

demo: https://img.zburu.com/ 今天分享一下如何使用 Github 作为图床，首先就要推荐这个工具 picx。 Github 仓库：https://github.com/XPoet/picx 本文的图片全部使用该工具上传，然后通过 Staticaly 进行 cdn 加速（这个在上传的时候自动生成链接。） 可以设置自动压缩、转码成 webp 格式。 基于 GitHub API 开发的具有 CDN 加速功能的图床管理工具。无需下载与安装，网页端在线使用！免费！稳定！便捷！极速！ 看了一下源码，vue 写的，全部都是纯静态化加上本地存储，所以说没有后端。 也就是说我们也可以部署在自己域名下，不使用开发者提供的域名，虽然这么做没什么区别，但还是折腾一下吧。 我会在最后提供一个打包好的链接（直接打包源码，不做任何修改），下载后自行上传到域名空间下即可使用。 说明文档：https://picx-docs.xpoet.cn/tutorial/get-start.html 这是官方说明，试用了一下，效果很棒。图床如何使用文档中标注的很清晰，我就不赘述了，本文只介绍如何编译打包，面向群友。 过程很简单，需要提前准备好 node 环境。 1.下载源码 直接去 https://github.com/XPoet/picx，然后 Download Zip。 2.执行命令 下载后解压 ...继续阅读 (14)

分享一个 hugo 一键打包并上传 github 的方法，前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件，在根目录新建一个 hugo.sh 文件，里面放上一些命令。 hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time git add . git commit -m ...继续阅读 (14)

分享一个 hugo 一键打包并上传 github 的方法，前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件，在根目录新建一个 hugo.sh 文件，里面放上一些命令。 hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time git add . git commit -m ...继续阅读 (15)

分享一个 hugo 一键打包并上传 github 的方法，前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件，在根目录新建一个 hugo.sh 文件，里面放上一些命令。 hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time git add . git commit -m "自动执行构建脚本 🎓$time" git push exit 可以在文件夹双击运行 hugo.sh，也可以在终端输入命令。 .\hugo.sh 省去了我输入繁琐的 Git 上传指令，并且自动生成当前系统时间作为 commit。 其他 这里我上传的是整体的 hugo 目录，如果你只想上传生成的 /public ，在中间加入 cd public。 ...继续阅读 (12)

使用lombok后，如果没有任何配置，则打包的源码与实际class文件是不符合的，此时打开源码IDEA会提示Library source does not match the bytecode for class，而解决该问题也很简单，只需要pom中增加如下配置即可，打包时指定maven参数-Prelease即可生成正确的源码包： 原理：首先我们要知道Lombok的大概原理，Lombok其实就是在源码处理阶段将Lombok相关注解生成了对应的代码，最终编译时使用的是Lombok生成的源码，但是打包源码时又是使用的我们真正的源码而不是Lombok生成的源码，所以在其他人使用的时候才会提示源码与字节码不匹配，而我们只需要指定Lombok生成的源码作为我们最终生成的源码即可；而maven打包source时默认使用sourceDirectory作为源码目录，所以最终我们只需要将sourceDirectory修改为Lombok生成源码的目录即可； 注意，这里有个细节，就是源码目录的切换我们放到了profile中，而不是全局，为什么这么做呢？因为如果直接在全局修改源码目录，IDEA也会从该目录读取源码，最终会导致类冲突（编译后，如果编译后又clean了不会有该问题），因为我们本身存在一份代码，而Lombok编译后又提供了一份源码，两份源码几乎是一模一样的（除了Lombok注解替换成了代码），所 ...继续阅读 (32)

【摘要】Taurus.MVC-Java 开源地址：https://github.com/cyq1162/Taurus.MVC-java，本篇讲述如何将一个框架打包上传到中央仓库。经过九九八十一难，终于成功打包上传，特此记录。阅读全文 ...继续阅读 (55)

Flutter 在打包安卓应用时有两种方式flutter build apk和flutter build appbundle，本文说下这两种方式有什么区别前言Flutter 在打包安卓应用时有两种方式flutter build apk和flutter build appbundle，本文说下这两种方式有什么区别。AppbundleAndroid App Bundle 是上传到 Google Play 用以支持 Dynamic Delivery 的文件，扩展名为 .aab，一个 bundle 包含所有应用的已编译代码和资源，但是还没有生成 apk 和 Google Play 的签名。Google Play 的新应用服务模式称为 Dynamic Delivery（动态传送），使用你的应用包为每个用户的设备配置生成并提供优化的 APK，因此用户只下载运行应用所需的代码和资源。开发者不再需要构建，签名和管理多个 APK 来支持不同的设备，用户可以获得更小，更优化的下载。官方文档Apk如果应用不发布到 Google Play，则需要发布多个 apk，但必须自己构建，签名和管理每个 apk。通常构建一个 apk 用以支持所有目标设备，但由于需要支持多个屏幕密度或应用程序二进制接口（ABI）的文件，这可能会导致非常大的 apk，减少 apk 大小的一种方法是创建多个 apk，在执行flutter ...继续阅读 (24)

点击上方蓝字关注我，知识会给你力量so资源动态化方案so资源打包问题在打包so资源的过程中，我们遇到了如下问题。如何移除apk中的so文件，并将他们收集起来？如何将多个so文件压缩打包，并生成对应的信息？如何保证第三方sdk缺少so文件时，不崩溃？so资源打包解决方案移除并收集apk中的so文件看到移除 so文件可能有些同学会问，这不是只要在as中删除libs目录就搞定了... ...继续阅读 (55)

前些天遇到一个「打包下载」的需求，在调研过程中走了一些弯路，本文记录一下。比如说某网站有一个文件列表，用户点哪个就可以下载哪个，如果用户想下载多个，无非就是多点几次而已。于是需求来了：当用户想下载多个文件的时候，可以通过一次点击完成打包下载操作。听起来似乎并不复杂，服务端可以把用户想要下载的文件打包成一个新文件，然后用户点一次就可以下载了，但是这样做有以下几个缺点：浪费了时间，多了创建新文件的流程。浪费了空间，同样的文件被多次存储。用户体验差，下载必须要等到新文件创建好才能开始。不难得出结论：动态流式下载才是正解，同事提到 tar 可以搞定，于是研究一下：shell> cat test_0.txt xxx xxx shell> cat test_1.txt yyy yyy shell> tar cf test.tar test_0.txt test_1.txt shell> cat test.tar test_0.txt00006440...01014257504126011510 0ustar rootrootxxx xxx test_1.txt00006440...01014257504241011507 0ustar rootrootyyy yyy如上可见，tar 文件的格式非常简单，多个文件的内容从上到下依次排列，只不过每个文件内容的前面附加了一个头，其中保存了诸如文 ...继续阅读 (28)

最近用uniapp开发了一个Android app 扫码测试一切正常，但是上线以后，发现印刷出来的二维码加上过塑导致二维码模糊不清楚，uniapp 自带的扫码扫不出来，看官方推荐用支付宝二维码插件：https://ext.dcloud.net.cn/plugin?id=2636根据文档提示一步一步配置最后报错 mpaasScan  undefined,打包以后报错 验签失败。code码：11，hbuilder 运行 – 运行到手机或模拟器-自定义模拟器勾选，然后编译。成功云打包成功 ...继续阅读 (11)

最近用uniapp开发了一个Android app 扫码测试一切正常，但是上线以后，发现印刷出来的二维码加上过塑导致二维码模糊不清楚，uniapp 自带的扫码扫不出来，看官方推荐用支付宝二维码插件：https://ext.dcloud.net.cn/plugin?id=2636根据文档提示一步一步配置最后报错 mpaasScan  undefined,打包以后报错 验签失败。code码：11，hbuilder 运行 – 运行到手机或模拟器-自定义模拟器勾选，然后编译。成功云打包成功uniapp 使用支付宝二维码最先出现在蒋丽君的小站。 ...继续阅读 (14)

《使用Drone CI构建CI/CD系统》我个人一直使用 `gitea` 来存放代码，之前部署一直都是用 `ansible`，每次在本地跑一个 `ansible-playbook` 命令，就在本地编译、同步代码、同步配置、部署到服务端，服务端个人通常使用 `supervisor`，毕竟个人的小项目啥的，例如博客，就懒得Docker镜像打包来打包去... ...继续阅读 (52)

默认情况下，在UE中打包项目时，会拉起BuildCookRun来执行Compile/Cook/Pak/Stage等一系列流程。在UE中，只有参与Cook的资源才会被打包，但是通常会包含很多预期之外的资源，可能会造成困扰，到底引擎依赖哪些资源？以及该如何管理UE参与打包的资源。本篇文章从UE打包时分析资源进行Cook的规则入手，研究在打包时究竟会将哪些资源进行Cook，了解这一点对于资源管理很有作用，基于此可以实现自定义的Cook过程，将Cook任务分配至不同的进程乃至机器实现并行化，加速UE的构建过程。除了uasset这些资源外，打包时还有很多Non-Asset文件，如ini、Shader Library、AssetRegistry、或者项目中添加的脚本文件等等，在之前的文章UE热更新：需求分析与方案设计中有过介绍，UE对于它们的收集并不在Cook阶段（Shader Library和AssetRegistry是在Cook阶段生成），本篇文章暂不作讨论，后续会写一篇专门介绍的文章。 ...继续阅读 (45)

背景写了个wpf程序，需要在服务器上运行一下，开发的时候使用的net core 3.1，服务器上未安装，安装需要重启电脑，明显不可以。解决将wpf打包成自宿主的程序，包含所有运行环境一块打包出来。打包方法在项目目录下执行如下命令：dotnet publish -r win-x64 -c Release --self-contained这里配置了程序在Windows 64位下运行。提示如下表示已经生成完成了，直接拷贝PS F:\test> dotnet publish -r win-x64 -c Release --self-contained 用于 .NET 的 Microsoft (R) 生成引擎版本 17.0.0-preview-21501-01+bbcce1dff 版权所有(C) Microsoft Corporation。保留所有权利。 正在确定要还原的项目… 所有项目均是最新的，无法还原。 你正在使用 .NET 的预览版。请查看 https://aka.ms/dotnet-core-preview test -> F:\test\bin\Release\netcoreapp3.1\win-x64\test.dll test -> F:\test\bin\Release\netcoreapp3.1\win-x64\publish\ PS F:\test ...继续阅读 (20)

UE5的预览宣传视频里，介绍了一种模块化开发GamePlay的机制，类似于Mod式地开发和管理游戏功能和资源，被称作“Game Feature”，在UE4.27和UE5中已经可以启用了，我觉得这个新的Gameplay Modualr形式很棒，所以做一个技术预研。本篇文章介绍Game Feature的启用流程和运行机制介绍，文末分享了一个基于Game Feature的展示Demo。并为HotPatcher实现了能够将Feature独立打包的机制，Game Feature不必预先打包进基础包内，可以在运行中按需下载与加载，实现真正意义上的独立地模块化加载。目前UE5 EA版本中还有不完善的地方，相关的内容也会随着引擎的更新进行补充。 ...继续阅读 (49)

一直以来想写一篇关于Webpack优化的博客，最近正好做了vue-cli 3.0中关于webpack 打包的优化正好来记录一下。最近在整理季度的优化代码，然后发现了一个项目中集成了原来 4 - 5个管理后台的大型项目在 webpack 优化方面做的很一般。由上面的图可以看出来不仅vendors打包体积到了 1300+ kb 而且 多个chunk体积在Gzip 之后也大于240kb 根据webpack 的建议 大于 240 kb的文件是要进行拆分的。还可以看出来在项目中不仅js 打包单个文件的体积过大。而且存在 为抽取公共部分组件、css / js 打包之后文件过多的问题。打包了很多小的css文件不仅不利于网页的加载，大量的时间耗费在 http 请求上。而且相互依赖的 css 会造成网页在解析的过程中不断的触发重绘，这将对性能造成极大的影响。那么明确了项目中存在的问题之后我们来着手解决。首先在开始前我们需要足够的了解项目的webpack默认配置在vue-cli3.0的项目中使用vue inspect > output.js来输出一份当前webpack的配置文件。这个命令是我们优化webpack配置项的基础。然后我们需要借助webpack-bundle-analyzer来看下项目打包构建的过程中引用了哪些包和具体的文件size。12345chainWebpack:(config) => ...继续阅读 (5)

这次比赛很有幸遇到了两位很nice的队友，可爱的设计小姐姐Danny和靠谱的程序小哥哥Riven94我们最终真的从0开始，48小时极限开发了一个2D横版的闯关游戏。周六下午正式开始的比赛，下午讨论好了基本的策划，当晚完成基本框架，第二天进行细节、剧本和贴图的添加，到第三天早上7点，我们最终完成并且构建发布。下面是游戏的展示。我感觉这次比赛还是很有趣的，不够这次比赛之后，在打包发布时，注意到了cocos creator 3在不同平台的打包下的表现会有些不同，下次一定用unity或者其他更成熟的框架来做快速开发。最后附上我们的小队伍合影，左到右分别是Riven94、Kingfish404、bigfish144 ...继续阅读 (39)

本文记录在Windows上，使用PyCharm打包Python项目的操作。1. 安装pyinstaller打开PyCharm的设置，File --> Settings --> Python Interpreter，选择环境，点击+，搜索pyinstaller，点击安装。2. 打包可执行文件2.1 通过命令行打包pyinstaller [options] script [script …] | specfile在PyCharm，打开终端Terminal，输入命令pyinstaller命令，举例：pyinstaller --icon icon.ico --name "芝麻酱" -F main.py scrapyimages.py --add-data "fake_useragent_0.1.11.json;." --add-binary "C:\Anaconda3\Library\bin\mkl_intel_thread.1.dll;."一些常用的选项：-F, --onefile 打包成一个文件 -i, --icon 可执行程序的图标 -n, --name 可执行程序文件名 -w, --noconsole 不显示控制台 -d, --debug 带调试信息 --add-data 添加依赖 ...继续阅读 (46)

【摘要】容器将应用与环境打包整合，解决了应用外部依赖的痛点，打包后通过窗口可方便地部署到任意环境，用过就知道很香。 创建示例应用 以 NestJS 为例，先创建一个示例应用。 $ npm i -g @nestjs/cli $ nest new my-app $ cd my-app $ yarn && yar阅读全文 ...继续阅读 (8)

在前面的文章中，介绍了基础包的拆分规则和实现，在基础的打包规则稳定之后，日常开发中的关注重点就转向侧重于项目的资产管理和包体资源审计、分析项目中的资产大小和冗余情况等。本篇文章介绍UE中的资源打包配置、常用的资产管理方式以及资产审计工具等工程实践，热更新系列文章的资源管理篇，也是对上一篇文章UE4热更新：拆分基础包的内容补充。 ...继续阅读 (43)

HotPatcher是我之前开源的一个UE4热更新版本管理和资源打包工具，可以方便地进行版本间的差异分析和pak打包。之前的文章为了直观地介绍都是基于手动地在编辑器中进行配置和打包的，在真正的工程实践中，可以自动化的重复操作就要避免手动的参与，较早之前我就在插件中添加了commandlet的支持，近期修复了一些问题以及增加了很多针对commandlet的优化，本篇文章是基于HotPatcher的自动化热更新流程的工程实践。 ...继续阅读 (39)