手动执行npmrunbuildpackaging时:执行npmrunbuild相当于顺序执行以下内容。npm内置脚本很多:npmpublish，合同的生命周期很复杂，执行npmpublish命令时，会自动执行以下脚本:如果在使用npmpublish之前需要自动做一些事情，比。
1、echart移动端优化要做一个移动数据可视化产品，需要将echarts图表封装成子组件，兼容原有的pc api请求格式，同时还要引入地图数据，支持省钻。所有功能完成后，厂商尺寸2.49M，build速度59s，首屏加载速度和webpack打包速度都很慢。Webpack:3.6echarts:4.1优化1:echart按需加载(echart整体绘图数据包700KB，比highcharts和f2都大，技术选型可以考虑其他方案。
参考echarts压缩的省地图的js数据，json数据会比较大，需要一个registerMap。优化二:路由懒加载，vue异步组件，厂商分包，首屏加载速度加快。将路由页面拆分成块包，所有路由页面都打包在多维数据集中。按需加载省市js数据，打包成省。封装echart子组件，并将其打包到echat中。
2、webpack打包原理webpack是现代JavaScript应用程序的静态模块捆绑器。当一个webpack处理一个应用程序时，它会递归地构建一个dependencygraph，这个dependency graph包含应用程序需要的每一个模块，然后将所有这些模块打包成一个或多个bundles。Config.js、webpack.config.js、webpackloader以及所有类型的文件，转换成应用程序的依赖图可以直接引用的模块通过require()将所需的插件添加到插件数组中。
3、node和reactrewired修改React打包目录的流程对于基于SpringBoot React前后端分离的项目，为了方便打包，通常需要将React项目的包目录配置为SpringBoot项目的resources/static，并在POM . XML packagenpm-2中配置preparepackage 插件的阶段执行。这比把前端文件从dist目录复制到静态目录方便多了。本文记录了前端打包插件配置React打包目录的两种不同方法。
步骤2:将config/paths.js中的appBuild配置修改为Web项目的静态文件目录。比如package.json中的脚本配置是:场景需要修改创建配置文件configoverrides.js，添加appBuild配置。步骤如下:第一步:在根目录下创建一个名为configoverrides.js的文件。
4、vue集成capacitor1。安装电容器/cli和电容器/corenpminstall @电容器/CLI @电容器/core2。初始化电容器项目npxcapinit[描述] webDir选择dist文件夹。因为打包后的文件夹默认是dist2。安装电容/Androidnpminstall @ capacitor/Android 3。包静态资源npmrunbuild4。添加android平台npxcapaddandroid5。将静态资源复制到androidnpxcapsync 6。同步本地设置npxcapsync7。打开asnpxcapopeneandroidProblem:如果android.v4.support有问题，需要额外安装一个jetifier。安装完成后，项目可以通过在本地执行命令行npxjetify和npxcapsync来解决这个问题。不再支持android.support，部分cordova 插件还在用旧版的包，导致不兼容，所以用jeti。
5、解决!!前端项目打包后生成的chunk-vendors文件过大,导致加载太慢第一步:Install插件CompressionWebPackpluginnpmInstallSavedCompressionWebPackplugin第二步:修改vue.config.js的配置文件第三步:修改nginx配置。终于，效果结束了！如果您在安装插件稍后npm-2build的过程中遇到错误，您将转到插件版本缩减插件高版本的原因。
6、package.json中` npmscripts`的生命周期在前端生态中，npm起着至关重要的作用。所有第三方包和插件都依赖于npm的package.json文件，其中npmscripts包含多个生命周期，可以组织整个前端项目的工具链。当我们执行任意/npmrunXXX-2/XXX脚本时，前置和后置的生命周期会依次自动触发。手动执行npmrunbuildpackaging时:执行npmrunbuild相当于顺序执行以下内容。npm内置脚本很多:npmpublish。合同的生命周期很复杂。执行npmpublish命令时，会自动执行以下脚本:如果在使用npmpublish之前需要自动做一些事情，比如
7、 npm run buildLastfewGCswebpack执行导致内存溢出。处理方法:1，清除正在运行的缓存。由于项目运行过程中造成的缓存，没有及时释放，2.增加node的运行内存(一般在package.json中配置)2。如果上面两个都不能成功执行，就需要考虑当前电脑的节点版本，尤其是在windows中。
