请教问题:多html文件包含bootstrap css的问题

2014-02-08 16:26:23 +08:00
 initialdp
大概有100多个html文件, 都引用了bootstrap2的css文件. 现在想升级到bootstrap3, 不得不修改这100多个文件, 以后如果换版本, 还得重新再来一遍.苦恼!

有没有办法像C语言#include一样, 把所有的外部CSS文件都在一个文件中引用, 然后各html文件引用该文件即可? 以后如果换版本, 也只需要修改一个文件就好了.

不好意思啊, 我是前端小白, 请大家指点帮助. 谢谢.
3407 次点击
所在节点    问与答
8 条回复
fanpenghua
2014-02-08 16:37:38 +08:00
呵呵,看需求。 默默的为你摊手。 2升级到3 改动其实蛮大的,很多东西都改了,你升级到3 为了什么?
initialdp
2014-02-08 16:46:21 +08:00
@fanpenghua 是啊, 改动很大. 我们其中一个小产品从2升到3了, 基本上是吐着血边哭边改的. 还有几个产品没动, 不过估计也会升. 升级到3的主要动力是扁平化, 以及Form各组件的组织方式好一些.

哟, 几个产品, 每个产品大概几十个html页面, 每个页面改一下<link href="bootstrap...">. 想了想, 又要去吐了.
initialdp
2014-02-08 17:11:07 +08:00
learnshare
2014-02-08 17:16:57 +08:00
比较好的方式就是一开始就别带版本号,比如 bootstrap.min.js,以后替换相关文件就行。

如果有后端,在模板中引用相同的 header 部分也是不错的。
emric
2014-02-08 17:17:43 +08:00
用 IDE 的 Refacto, 再对着 bootstrap3 的改动表进行重构.
对于一些HTML结构有变化的地方, 只能花点时间了.
一般只要不是很复杂的页面都能够在一步完成.
chone
2014-02-08 17:18:51 +08:00
如果性能上可以接受的话直接用@import就行了,
也可以用一个统一的js加载器来加载。
如果必须用link的方式,可以找一个或自己写一个页面生成工具,shell脚本,nodejs等等都不是很麻烦。
或者如果只是改文件名什么的改动不多,直接写脚本把文件都跑一遍就好了,awk什么的。
slixurd
2014-02-08 19:49:51 +08:00
动态语言大部分都已经采用MVC框架可以做到模板分离,网页header,正文,footer分离了吧?
如果是静态页面= =....
很多IDE也提供全局的搜索替换,不过最简单还是sed批量处理
fanpenghua
2014-02-11 13:29:12 +08:00
@initialdp 没必要升级,你想要 3的什么功能?效果?结构?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/99362

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX