[发明专利]一种基于webpack的快速开发环境搭建方法及装置

说明书

本申请公开了一种基于webpack的快速开发环境搭建方法及装置，其中，所述方法包括：安装并配置webpack工具及相关参数；获取当前静态资源文件，所述静态资源文件至少包括：js文件、css文件和图片；编译并打包所述静态资源文件为js模块；建立本地服务器；基于所述本地服务器，动态加载所述js模块。本申请能够在webpack的基础上，对大量静态资源文件进行合理组合和压缩，从而提高平台开发和搭建的效率，并且在建立本地服务器的基础上，利用webpack动态加载js模块，从而实现前端与后端的解耦，起到独立工作的效果。

技术领域

本申请涉及web平台开发领域，尤其涉及一种基于webpack的快速开发环境搭建方法及装置。

背景技术

企业web开发逐渐转向面向多人、多业务模块的模式，通常，在web开发时，需要首先在本地搭建nginx(engine x，HTTP和反向代理服务器)环境，nginx环境稳定性强、功能集丰富、资源消耗低，因此对于新建站点，能够同时支持多条链路并发，非常适合现今web使用模式。前端通过所搭建的nginx环境，生成web展示及操作页面，而前端仍然需要通过proxyserver(代理服务器)将用户的指示操作转接到服务端(后端)的接口，从而获取后端数据对前端进行支撑。

简单来说，现行的web开发模式为前端和后端耦合模式，例如PM(ProductManager，产品经理)下达一个功能指令，后端接收指令后需要告知前端根据所需功能制作模板，再由前端将做好的模板传送至后端，后端就该模板进行对接，并指出模板的问题，由前端进行模板的二次修改。待前端根据后端的协调和指示完成模板修改后，后端对PM进行功能交付。可以看出，在开发的过程中，前端与后端的搭建过程不断交织；而且在后续web平台的维护过程中，需要不断地对前端与后端解耦、修正、再耦合，过程非常繁琐；而且，对于现今web平台的面向人数更多，一旦用户发起一次请求，且请求量较大时，前端需要发送等量的请求，进而消耗大量的计算资源，可想而知，当大量用户叠加在一起发起大量请求时，前端与后端将同时承受多大的计算压力，一旦服务器出现状况，前端与后端将基于耦合关系，同时崩溃，造成用户体验感下降，客户群流失。

发明内容

本申请提供了一种基于webpack的快速开发环境搭建方法及装置，以解决现有前后端搭建相互依赖的问题。

第一方面，本申请提供了一种基于webpack的快速开发环境搭建方法，所述方法包括：

安装并配置webpack工具及相关参数；

获取当前静态资源文件，所述静态资源文件至少包括：js文件、css文件和图片；

编译并打包所述静态资源文件为js模块；

建立本地服务器；

基于所述本地服务器，动态加载所述js模块。

结合第一方面，在第一方面的第一种可实现方式中，所述获取当前静态资源文件，包括：

获取全部静态资源文件的字符串；

识别各所述静态资源文件的字符串中的类别字符串；

根据所述类别字符串，分类各所述静态资源文件。

结合第一方面，在第一方面的第二种可实现方式中，所述编译并打包静态资源文件为js模块，包括：

解析并激活webpack加载项和基本插件；

初始化webpack的操作环境；

建立静态资源文件的编译入口；

构建选项模块及对应的编译对象；

确定待打包的当前静态资源文件；

解析所述待打包的当前静态资源文件，并创建js子模块；