如何构建一个合理官网， 从开发环境 到生产环境？

遇到的问题是 官网有很多静态页，每一个静态页到需要加载一些 js, css，svg ……, 我现在的做法

开发环境： 写了一个 web 服务， 要调试哪一个页面， 就将这一这个页面启一个 web server， 了解 webpack 就应该明白这是啥样的操作， 这样有一个问题就是： 如果我需要修改 5 个页面， 就需要手动开关 web server 5 次， 感觉好麻烦（用到了 postcss, ts ）不能直接使用， 需要编译

生产环境更麻烦： 因为生产环境涉及到 postcss 转 css、js 加 hash 缓存, 批量迁移 svgSprites, pngSprites, 我现在的做法比较恶心， 手动维护一份配置表

{ 'index.html': { css: [ 'static/css/common.css' ], js: [ 'static/js/common.ts' ] } } 

每一次部署的时候都需要运行 shell， 读取配置文件，然后 build postcss, ts 的文件， 依据配置文件在去修改 html 文件中的<script src="xxx/> <link href="xxx"> 感觉特别繁琐， 想问一下各位前端同僚你们是如何构建你们的官网， 感觉 ParcelJS 挺符合的， 支持 html 作为入口文件，但是不支持多入口， 比较麻烦， 我觉得我这样的方式不正确，请问大家如何处理？