← 返回文章列表

oa-codeblock项目架构设计 - 两套环境

分类:计算机/架构/oa-codeblock项目架构设计

我们的OA系统有两套环境:生产环境,开发环境。我们需要先在开发环境上编写代码,测试通过后,再部署到生产环境。同一个功能,在两套环境上的业务逻辑部分完全相同,但是部分配置值会有差异。之前的开发框架实现只支持单个环境,因此需要修改。

环境配置文件:在script.js所在目录中,约定config_prod.js为生产环境的配置文件,config_dev.js为开发环境的配置文件。两种配置文件中通常只定义常量,有哪些常量是完全相同的,只是常量的值不同。如果常量值在环境之间无差异,则直接写在script.js中。

分环境构建并输出:构建时,使用config_prod.js+script.js+style.css构建生产环境版本的脚本文件,并输出到dist/prod/目录下;使用config_dev.js+script.js+style.css构建开发环境版本的脚本文件,并输出到dist/dev/目录下。

代码压缩与格式化:对于生产环境的脚本文件,构建时我们使用uglify-jsclean-css库对JS和CSS代码压缩,提高传输性能;对于开发环境的脚本文件,构建时我们使用prettier库对JS和CSS代码格式化,以便在浏览器中阅读和调试。