IT分离式前端多模块项目快速打包方法与流程

技术特征：
1.it分离式前端多模块项目快速打包方法，其特征在于，包括以下步骤；第一步，配置好所要打包的模块编码集合并将各个要打包的文件排序；devconifig文件夹下的module文件夹下可配置所涉及模块的编码，自定义阿拉伯数字排序即可，编码对应的为所对应的模块文件名称；在该框架private.config.js文件中selected变量中以数组的形式可依此添加需打包模块对应的编码，打包时会根据所配置数组的编码进行循环打包所生成的模块文件会依此打包生产至改框架dist文件中；第二步，输入启动命令；在该框架package.json文件中scripts对象中的builds为执行打包命令的启动命令；第三步，开始运行程序；1：输入打包命令npm run builds 之后，改框架build文件夹中的build-all.js文件将会执行；2：build-all.js文件中引入了vue.config.js文件为打包的核心脚本文件，build-all.js会根据配置好的selected数组变量依赖child_process技术中的spawnsync异步循环执行vue.config.js文件；3：child_process解释：node遵循的是单线程单进程的模式，node的单线程是指js的引擎只有一个实例，且在nodejs的主线程中执行，同时node以事件驱动的方式处理io等异步操作；node的单线程模式，只维持一个主线程；node提供了child_process模块来实现子进程，从而实现一个广义上的多进程的模式；4：vue.config.js解释；vue.config.js是vue项目的配置文件，专用于vue项目；通过vue.config.js中常用功能的配置，简化了配置工作，vue.config.js依赖webpack实现打包。2.根据权利要求1所述it分离式前端多模块项目快速打包方法，其特征在于，还包括初始化：启动构建，读取与合并配置参数，加载 plugin，实例化 compiler；编译：从 entry 发出，针对每个 module 串行调用对应的 loader 去翻译文件内容，再找到该 module 依赖的 module，递归地进行编译处理；输出：对编译后的 module 组合成 chunk，把 chunk 转换成文件，输出到文件系统；输出文件的位置在dist文件中，dist中的所有文件夹为本次配置的所有模块项目，可点开模块项目中的index.html文件查看开发内容以及效果。3.根据权利要求1所述it分离式前端多模块项目快速打包方法，其特征在于，所述调用略internal/child_process,实例化略childprocess子进程对象，再调用child.spawn创建 子进程并执行命令，底层是调用了child.)handle.spawn执行process_wrap中的spwan方法，执行过程是异步的，执行完毕后再通过pipe进行单向数据通信，通信结束后子进程发起onexit回调，同时socket会执行close回调。

技术总结
本发明提供了一种IT分离式前端多模块项目快速打包方法，采用了多模块构架框架嵌入了最新的、开元的vue技术，依赖其提供的api方法、生命周期函数等可实现快捷开发，实行多模块文件管理，当前文件夹内包含了当前模块的数据、组件、业务代码等，互不影响，在多模块打包时该多模块架构框架使用了child_process对所配置的模块集合进行循环异步构建处理，不仅高效而且稳定输出。且稳定输出。


技术研发人员：秦宗行
受保护的技术使用者：秦宗行
技术研发日：2021.12.25
技术公布日：2022/4/22