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

权利要求书

1.一种基于webpack的快速开发环境搭建方法，其特征在于，包括：

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

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

对所述静态资源文件进行分类，包括：

根据时间分类，设定处理时间间隔，如果当前时刻满足预设的处理时间间隔，则对当前的全部静态资源文件进行后续处理；

或者，根据堆积数量分类，设定文件堆积数量，如果当前的静态资源文件的文件堆积数量满足预设的文件堆积数量，则对当前的全部静态资源文件进行后续处理；

或者，根据文件占用空间分类设定文件占用空间，如果当前的静态资源文件的文件总占用空间满足预设的文件占用空间，则对当前的全部静态资源文件进行后续处理；

设置所述静态资源文件的处理顺序，包括：

以静态资源文件的被接收顺序为优先级，优先处理最先被接收的静态资源文件；

或者，以静态资源文件的内容为优先级，优先处理包含较为重要信息的静态资源文件；

或者，以静态资源文件的占容为优先级，优先处理占容较小的静态资源文件；

或者，将多个占容较小的静态资源文件与一个占容较大的静态资源文件并行处理；

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

建立本地服务器；

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

2.根据权利要求1所述的搭建方法，其特征在于，所述获取当前静态资源文件，包括：

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

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

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

3.根据权利要求1所述的搭建方法，其特征在于，所述编译并打包静态资源文件为js模块，包括：

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

初始化webpack的操作环境；

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

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

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

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

打包全部所述js子模块为js模块。

4.根据权利要求1所述的搭建方法，其特征在于，所述建立本地服务器，包括：

安装nodejs平台，并配置相关参数；

测试所述nodejs平台是否满足安装要求；

如果所述nodejs平台满足安装要求，则基于nodejs平台安装本地服务器，并配置相关参数。

5.根据权利要求1所述的搭建方法，其特征在于，所述基于本地服务器，动态加载js模块，包括：

获取当前静态资源文件与上一静态资源文件；

对比所述当前静态资源文件与所述上一静态资源文件，确定区别文件；

编译并打包所述区别文件为子js模块；

根据所述子js模块，更新所述上一静态资源文件所对应的js模块。

6.根据权利要求5所述的搭建方法，其特征在于，所述基于本地服务器，动态加载js模块，还包括：

获取当前时刻和上一更新时刻；

计算所述当前时刻与所述上一更新时刻的差值；

如果所述差值大于或等于预设更新时间间隔，则更新所述js模块。