![](https://img-blog.csdnimg.cn/df62bfef56fc40f39a0b17040e84286e.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
工程化
文章平均质量分 69
前端工程化,涉及CI|CD,自动化脚本发布等
小马甲丫
不要假装很努力,选择比努力重要
展开
-
前端工程注入版本号
容器化时代,当页面出现问题时,如果你的新版本有可能已经修复了,那样你再排查它就没有意义了。为什么不一定是最新版本呢?一是可能是缓存作祟,二是可能运维成员由于某种原因回退了版本。怎么确认问题发生在哪个版本呢?这就需要我们往页面注入版本号。通常这一步,是在打包构建时,将package.json中的version字段注入到html上(所以要求每次发布版本,都修改对应的version,最好使用npm version命令操作)。我比较推荐在head中添加一个meta,当然你也可以将它打印出来。原创 2023-12-23 23:57:47 · 874 阅读 · 0 评论 -
package.json版本管理的相关思考
线上部署打包时,自己下载了最新依赖,于是线上依赖版本和研发本地依赖版本不同,不巧的是最新依赖有bug而本地早先下载的没有。导致这种版安装的依赖版本差异的决定性原因则是没有写死版本号,而是使用允许根据市场版本更新的指令符号^~。本人每篇文章都是一字一句码出来,希望对大家有所帮助,多提提意见。原创 2023-12-18 09:58:28 · 673 阅读 · 0 评论 -
使用docker安装nginx访问web
使用docker安装nginx访问web。本人每篇文章都是一字一句码出来,希望对大家有所帮助,多提提意见。原创 2023-12-15 09:52:35 · 1299 阅读 · 0 评论 -
docker打包前端镜像
本人每篇文章都是一字一句码出来,希望大佬们多提提意见。创作不易,给我打打气,加加油☕。原创 2023-11-27 01:40:56 · 973 阅读 · 0 评论 -
服务器tar压缩解压文件
前端上传dist代码到服务器上后,是在linux上操作,所以和window有所不同。一般是打好dist,然后压缩成gz传输到服务器,此时在服务器上可能涉及到解压和压缩的操作,也就是涉及到常用的如下命令。当然,也可以是直接gz,不用再解压前端代码包,来进行前端页面地展现。本人每篇文章都是一字一句码出来,希望大佬们多提提意见。创作不易,给我打打气,加加油☕。原创 2023-11-27 01:32:58 · 721 阅读 · 0 评论 -
交互式编译项目
编译完成后,界面会显示项目运行中,就是项目在本地调试已启动成功。选择完项目后直接回车,会出现选择运营的环境,选完回车即可。来展现可供用户操作的选项,返回的内容就是。即可唤起可视化编译界面,实际就是执行。打印该环节已成功结束,实例调用。提示某环节已启动,实例调用。,这里主要涉及到3个。命令执行核心就是使用。打印信息的作用,调用。原创 2023-09-25 00:50:54 · 66 阅读 · 0 评论 -
uniapp多项目多平台脚本编译部署
H5涉及到自定义编译平台配置,cmd里custom后面是定义好的自定义编译平台配置,例如h5-yy-dev,可以在设置对象,里面有env就是需要自定义的环境变量变量值,就是微信小程序里cross-env后面设置的那些全局变量,define里的自定义条件编译常量就是类似下面的使用场景,详见官网说明【前往const h5 = 'H5进入的代码逻辑'//#endif"h5-yy-dev": { //自定义编译平台配置,可通过cli方式调用。原创 2023-09-22 16:30:23 · 878 阅读 · 0 评论 -
前端CI|CD自动化部署历史进程
前端CI|CD自动化部署工程化历史进程:远古时代 FTP+Nginx===>脚本时代 Shell+Nginx===>自动化时代 Jenkins+Nginx=>容器时代 Jenkins+Docker+Harbor+Nginx原创 2023-09-15 01:02:55 · 93 阅读 · 0 评论