最近在做nodejs+vue3的项目,接触到不少东西,记录一下。
- 本地包的使用 纯nodejs开发的sdk作为本地包,供vue3开发的前端项目调用,有两种方式,一种是打包出来安装,另一种是link。具体做法是:
- 使用npm pack命令,将sdk项目打包(名如@bowhead-cup-1.0.0.tgz的文件),然后放到前端项目中(如/sdk子目录中),使用npm install ./sdk/@bowhead-cup-1.0.0.tgz进行安装。
- 在sdk项目中使用npm link命令“发布”,在vue3项目中使用npm link @bowhead-cup-1.0.0.tgz进行安装。
使用npm install安装,会在vue3项目的package.json的devDependencies中有记录。(如"@bowhead/cup-sdk": "file:sdk/bowhead-cup-sdk-1.0.0.tgz",);而使用npm link安装不会留有记录。
- 代码混淆 代码混淆的工具很多,如果使用vite进行编译,可以使用vite相关的混淆工具vite-plugin-bundle-obfuscator;目前项目用rollup进行编译,就使用rollup相关的混淆工具rollup-plugin-obfuscator和javascript-obfuscator。
参考文章: vite3+vue3 实现前端部署加密混淆 javascript-obfuscator-阿里云开发者社区
vue3+ts+vite代码打包混淆没有废话,直接上(链接)代码。爬坑无数,干货满满 开始操作😏 vue3项目默认在v - 掘金