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

This topic created in 4517 days ago, the information mentioned may be changed or developed.

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

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

不好意思啊, 我是前端小白, 请大家指点帮助. 谢谢.

文件

HTML

CSS

8 replies • 1970-01-01 08:00:00 +08:00

fanpenghua

Feb 8, 2014

呵呵，看需求。默默的为你摊手。 2升级到3 改动其实蛮大的，很多东西都改了，你升级到3 为了什么？

initialdp

Feb 8, 2014

@fanpenghua 是啊, 改动很大. 我们其中一个小产品从2升到3了, 基本上是吐着血边哭边改的. 还有几个产品没动, 不过估计也会升. 升级到3的主要动力是扁平化, 以及Form各组件的组织方式好一些.

哟, 几个产品, 每个产品大概几十个html页面, 每个页面改一下<link href="bootstrap...">. 想了想, 又要去吐了.

initialdp

Feb 8, 2014

在stackoverflow查到一篇文档, 可以参考一下:
http://stackoverflow.com/questions/7120801/group-of-css-and-js-files-import-at-html

learnshare

Feb 8, 2014

比较好的方式就是一开始就别带版本号，比如 bootstrap.min.js，以后替换相关文件就行。

如果有后端，在模板中引用相同的 header 部分也是不错的。

emric

Feb 8, 2014

用 IDE 的 Refacto, 再对着 bootstrap3 的改动表进行重构.
对于一些HTML结构有变化的地方, 只能花点时间了.
一般只要不是很复杂的页面都能够在一步完成.

chone

Feb 8, 2014 via Android

如果性能上可以接受的话直接用@import就行了，
也可以用一个统一的js加载器来加载。
如果必须用link的方式，可以找一个或自己写一个页面生成工具，shell脚本，nodejs等等都不是很麻烦。
或者如果只是改文件名什么的改动不多，直接写脚本把文件都跑一遍就好了，awk什么的。

slixurd

Feb 8, 2014

动态语言大部分都已经采用MVC框架可以做到模板分离,网页header,正文,footer分离了吧?
如果是静态页面= =....
很多IDE也提供全局的搜索替换,不过最简单还是sed批量处理

fanpenghua

Feb 11, 2014

@initialdp 没必要升级，你想要 3的什么功能？效果？结构？