这是一个创建于 3976 天前的主题，其中的信息可能已经有所发展或是发生改变。
大概有100多个html文件, 都引用了bootstrap2的css文件. 现在想升级到bootstrap3, 不得不修改这100多个文件, 以后如果换版本, 还得重新再来一遍.苦恼!
有没有办法像C语言#include一样, 把所有的外部CSS文件都在一个文件中引用, 然后各html文件引用该文件即可? 以后如果换版本, 也只需要修改一个文件就好了.
不好意思啊, 我是前端小白, 请大家指点帮助. 谢谢.
有没有办法像C语言#include一样, 把所有的外部CSS文件都在一个文件中引用, 然后各html文件引用该文件即可? 以后如果换版本, 也只需要修改一个文件就好了.
不好意思啊, 我是前端小白, 请大家指点帮助. 谢谢.
 |
1
fanpenghua 2014-02-08 16:37:38 +08:00
呵呵，看需求。 默默的为你摊手。 2升级到3 改动其实蛮大的，很多东西都改了，你升级到3 为了什么？
|
 |
2
initialdp OP @fanpenghua 是啊, 改动很大. 我们其中一个小产品从2升到3了, 基本上是吐着血边哭边改的. 还有几个产品没动, 不过估计也会升. 升级到3的主要动力是扁平化, 以及Form各组件的组织方式好一些.
哟, 几个产品, 每个产品大概几十个html页面, 每个页面改一下<link href="bootstrap...">. 想了想, 又要去吐了. |
|
3
initialdp OP 在stackoverflow查到一篇文档, 可以参考一下:
http://stackoverflow.com/questions/7120801/group-of-css-and-js-files-import-at-html |
 |
4
learnshare 2014-02-08 17:16:57 +08:00
比较好的方式就是一开始就别带版本号，比如 bootstrap.min.js，以后替换相关文件就行。
如果有后端，在模板中引用相同的 header 部分也是不错的。 |
 |
5
emric 2014-02-08 17:17:43 +08:00
用 IDE 的 Refacto, 再对着 bootstrap3 的改动表进行重构.
对于一些HTML结构有变化的地方, 只能花点时间了. 一般只要不是很复杂的页面都能够在一步完成. |
 |
6
chone 2014-02-08 17:18:51 +08:00 via Android
如果性能上可以接受的话直接用@import就行了，
也可以用一个统一的js加载器来加载。 如果必须用link的方式，可以找一个或自己写一个页面生成工具，shell脚本，nodejs等等都不是很麻烦。 或者如果只是改文件名什么的改动不多，直接写脚本把文件都跑一遍就好了，awk什么的。 |
 |
7
slixurd 2014-02-08 19:49:51 +08:00
动态语言大部分都已经采用MVC框架可以做到模板分离,网页header,正文,footer分离了吧?
如果是静态页面= =.... 很多IDE也提供全局的搜索替换,不过最简单还是sed批量处理 |
|
8
fanpenghua 2014-02-11 13:29:12 +08:00
@initialdp 没必要升级，你想要 3的什么功能？效果？结构？
|
Select Language