当前位置: 首页 > 后端技术 > Node.js

基于gulp处理多api域名环境的简单开发流程

时间:2023-04-03 23:29:35 Node.js

gulp-simple-workflow-multi-hostGitHub的simpleworkflow是基于Gulp使用gulp-preprocess进行多环境(api域名)开发,打包sass到csscss&js&html压缩api的域名不同。像我这样的懒人只能一键打包。Webpack不是很适合。gulp-preprocess入口在html测试环境下的转换效果usevarhostin//@ifHOST_ENV='test'host='testhost'//@endif//@ifHOST_ENV='qa'host='qahost'//@endiftest环境下的转换效果varhosthost='testhost'debuggingdevauto-refreshwithoutcompression##开发启动默认测试环境,(gulpfile.js中配置)npmrundev##调试指定域名,optionalhosttestqape(gulpfile.js中配置)npmrundev-hosttest命令做了什么?清空dist,处理dev文件,发送到dist观察dev中的文件,如果有变化,进行步骤2。打开一个服务器观察dist中的文件,如果有变化,刷新浏览器打包构建压缩##全部打包npmrunbuild-all##单个环境的打包,可选hosttestqape(在gulpfile.js中配置)npmrunbuildtest命令做了什么清空对应路径,将文件处理转移到指定路径调试打包效果dev源码路径,dist开发调试路径,输出打包路径├──README.md├──dev│├──example.js│└──index.html├──dist│├──example.js│└──index.html├──gulpfile.js├──输出│├──pe│││├──example.js││└──index.html│├──qa││├──example.js││└──index.html│└──test│├──example.js│└──index.html├──package.json└──tree.txt