[发明专利]基于ejs的模板编译插件及其工作方法

权利要求书

1.一种基于ejs的模板编译插件，其特征在于，所述的基于ejs的模板编译插件包括环境变量设置模块、ejs模板引擎、判断模块、复制模块、读取模块、输出模块和打包模块，所述的环境变量设置模块用于设置环境变量；所述的判断模块用于判断是否存在src/views目录，如果存在就将所述的src/views目录删除，执行脚本的build逻辑；所述的复制模块用于将src/templete复制到src/views目录；所述的读取模块用于读取templete中的文件，并由所述的ejs模板引擎循环处理并转换所述的文件；所述的输出模块用于将转换好的文件输出至目标目录src/views下；所述的打包模块用于启动vue-cli-service build命令，进行项目编译打包，并在打包成功后，生成dist文件。

2.根据权利要求1所述的基于ejs的模板编译插件，其特征在于，所述的基于ejs的模板编译插件还包括参数插入模块，用于在所述的ejs模板引擎循环处理所述的文件的同时，根据环境变量插入所述的ejs模板引擎所需的参数。

3.根据权利要求1所述的基于ejs的模板编译插件，其特征在于，所述的ejs模板引擎所需的参数包括{plat、build_env}。

4.根据权利要求1所述的基于ejs的模板编译插件，其特征在于，所述的基于ejs的模板编译插件还包括chokidar，通过node启动chokidar监视templete中的文件的变化，调取build。

5.根据权利要求1所述的基于ejs的模板编译插件，其特征在于，所述的基于ejs的模板编译插件还包括监视模块，用于启动vue-cli-service serve命令，监视src/views目录下的文件变化。

6.根据权利要求1所述的基于ejs的模板编译插件，其特征在于，所述的基于ejs的模板编译插件在启动前先配置好源文件地址和目标文件地址，启动所述的基于ejs的模板编译插件后，所述的ejs模板引擎根据源文件地址加载文件、编译文件并输出至目标文件地址，chokidar根据编译模式为“watch”时，监视源文件变化，实施输出修改目标文件。

7.根据权利要求1至6任一项所述的基于ejs的模板编译插件，其特征在于，所述的基于ejs的模板编译插件能够实现在webpack启动前的编译处理。

8.根据权利要求1所述的基于ejs的模板编译插件，其特征在于，所述的基于ejs的模板编译插件能同时处理前端的各类文件，包括js、css、html、vue、scss、jsx、ts和json。

9.根据权利要求1至8任一项所述的基于ejs的模板编译插件，其特征在于，采用handlebars模板引擎替代所述的ejs模板引擎。

10.一种基于ejs的模板编译插件的工作方法，其特征在于，包括以下步骤：

第一步、设置环境变量；

第二步、判断是否存在src/views目录，如果存在就将所述的src/views目录删除，执行脚本的build逻辑；

第三步、开始将src/templete复制到src/views目录；

第四步、读取templete中的文件，并由所述的ejs模板引擎循环处理并转换所述的文件；同时根据环境变量插入所述的ejs模板引擎所需的参数；

第五步、将转换好的文件输出至目标目录src/views下；

第六步、通过node启动chokidar监视templete中的文件的变化，调取build；

第七步、启动vue-cli-service serve命令，监视src/views目录下的文件变化；

第八步、启动vue-cli-service build命令，进行项目编译打包，并在打包成功后，生成dist文件。