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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2064 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

CSS

postcss

文件

Static

4 条回复 • 2019-04-12 16:16:13 +08:00