vue编译打包速度优化

Posted 2023-05-16

参考技术A 1、首先在config文件夹下配置webpack.dll.config.js(内容如下)，要打包的模块的数组可以将一些较大的依赖放进vendor中

2、在package.json的scripts加上

3、运行npm run dll就可以生成vendor-manifest.json和vendor.dll.js

4、然后在index.html中引入vendor.dll.js

然后就可以正常的进行编译打包，会发现将更多的依赖放到vendor，打包速度越快

优化前

优化后

大概平均可以节省三分之一的时间。参考 webpack中文网

Electron打包优化

参考技术A

运行如下命令

添加文件 index.html

添加 index.js

OK, 程序写完， 执行 electron .

在 package.json 中的 scripts 添加打包命令

运行 npm run package

先介绍下开源项目 electron-boilerplate
https://github.com/szwacz/electron-boilerplate

运行如下命令

3.修改 package.json 的打包命令去除测试命令

electron-boilerplate是一个最小依赖的Electron框架， 有比较完善的工具链，从依赖到压缩，比原生最后生成的安装包大小还是有一些优势的。