遇到的问题是 官网有很多静态页,每一个静态页到需要加载一些 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 作为入口文件,但是不支持多入口, 比较麻烦, 我觉得我这样的方式不正确,请问大家如何处理?
1
Shunichi 2019-03-29 16:56:24 +08:00
为什么不用 Nuxt 之类的框架。。。
|
2
kingfsen 2019-03-30 06:28:36 +08:00 via Android
为什么不用 hugo 生成静态网页,利用其热加载,修改任何东西,浏览器马上渲染。hugo server -- watch
个人 demo: https://youendless.com |
3
sunocean 2019-04-10 13:57:25 +08:00 via iPhone
Gulp、Bower 和 Yeoman 了解一下啊?
|