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

[wuhongwei]

遇到的问题是 官网有很多静态页，每一个静态页到需要加载一些 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 作为入口文件，但是不支持多入口， 比较麻烦， 我觉得我这样的方式不正确，请问大家如何处理？

[Shunichi]

为什么不用 Nuxt 之类的框架。。。

[kingfsen]

为什么不用 hugo 生成静态网页，利用其热加载，修改任何东西，浏览器马上渲染。hugo server -- watch
个人 demo: https://youendless.com

[sunocean]

Gulp、Bower 和 Yeoman 了解一下啊？

[OSF2E]

https://webpack.js.org/plugins/mini-css-extract-plugin#extracting-css-based-on-entry

https://webpack.js.org/plugins/html-webpack-plugin