官网项目纯html怎么工程化打包部署？

Question

公司官网项目，html+jquery+css+图片，如何工程化打包部署？

Answer 1

看起来你描述的"html+jquery+css+图片"其实已经是类似vue+vitejs这种工程化项目打包之后的结果文件了,

• 只不过你们是通过手写html+jquery+css来产生这份代码的,
• vue+vitejs这种工程化项目是通过手写加vitejs来生成"html+jquery+css+图片"的,

---

现在你们只差了一个部署的功能,这个得具体情况具体分析,简单的描述几种,考验的是写脚本的能力,看你自己用啥语言写脚本,一般前端用nodejs

1. 官网有静态服务器,可以直接通过ftp/ssh/sftp上传上去的,直接编写脚使用ftp/ssh/sftp上传到服务器即可
2. 通过cos/oss这种cdn部署的,用cos/oss的sdk上传到储存桶里即可
3. html+jquery+css+图片需要通过tomcat之类的服务访问的,建议找你们公司创建这个tomcat的人,让他协助你写个脚本

---

当然,不管通过上述什么途径写的脚本,
都有要有个地方执行,一般来说都是通过git的服务器钩子执行的,
比如,在git服务器上监听,合并到生产分支时,
通过webhooks或者直接在git服务器上执行刚刚说的脚本
或者一些通用的解决方案,比如jenkins

Answer 2

纯前端工程当然OSS+CDN最佳组合，非常便宜，参考我的blog: https://blog.dteam.top/posts/2018-12/%E4%BD%BF%E7%94%A8%E9%98...

Answer 3

windows上可以用IIS，最简单的操作，点点鼠标即可

Answer 4

FIS是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。
百度很早之前推出的打包工具，当时理念还是挺先进的，后来被webpack等打包工具取代了