#昊鼎王五:如何更高效的构建前端代码之jenkins调用nodejs-NPM实现前后端代码分离?
#引子:
前端开发的同学都或多或少遇到过如下问题:
1.前端每次都要手工构建。
2.合并分支总是会在构建部分代码冲突。
3.发布的平台缓存问题,现在每次发布的JS,CSS都有缓存问题。
4.前后端代码难以清晰分离。
针对如上的痛点,我今天就专门来讲讲解决如上的问题:
#解决方案:
将前端自动化构建代码加入到jenkins的JOBS的“Execute Shell”里面,加入如下代码:
如下图:
#构建前端代码
echo '构建前端代码'
cd /home/jenkins/jobs/haoding205_coding_project/workspace/gulp
pwd
ls -l
rm -rf node_modules
unzip node_modules.zip
ls -l
chmod +x node_modules/.bin/gulp
#构建后台管理页面
npm run release
#构建模板管理页面
#npm run releaseTemplate
npm run templateDev
好了,聪明如你,知道了如何更高效的构建前端代码之jenkins调用nodejs-NPM实现前后端代码分离,是不是很欢喜 _
还有其他问题的可以在评论区留言或者扫码加博主获取资源或者提问。