[发明专利]一种基于组件化模板的VUE项目平滑升级方法

权利要求书

1.一种基于组件化模板的VUE项目平滑升级方法，其特征在于，包括：

S1：创建基础框架工程，

通过vue-cli原生脚手架创建一个VUE工程，将该VUE工程作为基础框架工程；

S2：组件化基础框架工程并打包上传，

将基础框架工程封装为组件，包括所有页面及需要使用的静态资源，并将基础框架工程打包上传至npm私服作为模板；

S3：搭建脚手架工程并引入基础框架工程，

自定义脚手架工程，并将基础框架工程作为模板引入；

S4：打包上传脚手架工程，

将步骤S3中脚手架工程打包并上传至npm私服上；

S5：安装脚手架组件，

在创建VUE实例工程前，先配置npm私服地址并全局安装脚手架组件；

S6：通过脚手架创建VUE实例工程并安装依赖，

通过封装的脚手架创建新的VUE实例项目，即通过自定义的指令创建新的VUE实例工程，此时新工程的package.json文件中将引入基础框架工程，npm install安装后node_modules中已存在基础框架工程；同时基础框架工程中的前端页面已封装为组件，VUE实例工程根据实例项目需求采用组件的方式引入，或通过新建组件进行覆盖；再在命令界面配置基础框架工程的基础设置，基础配置直接在新创建的VUE实例工程中生效；

S7：升级基础框架工程，

在需要时对基础框架工程进行升级，升级后上传至npm私服；

S8：实例工程同步平滑升级，

在VUE实例工程中更新依赖，完成同步平滑升级。

2.根据权利要求1所述的一种基于组件化模板的VUE项目平滑升级方法，其特征在于：在所述步骤S2中，组件化基础框架工程并打包上传的过程如下：

S21：基于vue-cli搭建VUE基础框架工程；

S22：修改src目录；

S23：在根目录下新建packages文件夹；

S24：添加配置文件；

S25：编写组件，在packages文件夹进行页面开发，使用export default提供一个接口给外界，让其他文件通过import来引入使用；

S26：根据基础框架工程页面，在packages的vue页面的同级目录下新建js文件，暴露组件；在vue页面的上级目录下新建配置文件，进行全局组件的注册；

S27：在examples目录下新建vue页面，引入对应的组件；

S28：将一个单独的入口打包成一个库，上传至npm私服仓库。

3.根据权利要求2所述的一种基于组件化模板的VUE项目平滑升级方法，其特征在于：在所述步骤S21中，基础框架工程包括公共页面、静态资源，跳转逻辑，公共方法。

4.根据权利要求3所述的一种基于组件化模板的VUE项目平滑升级方法，其特征在于：在所述步骤S3中，通过引入基础框架工程的脚手架新建VUE实例工程时即导入基础框架工程。

5.根据权利要求4所述的一种基于组件化模板的VUE项目平滑升级方法，其特征在于：在所述步骤S3中，脚手架增加基础框架工程的基础配置选择，用户在搭建新的VUE实例工程时，通过命令界面选择基础配置。