V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
initialdp
V2EX  ›  问与答

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

  •  
  •   initialdp · 2014-02-08 16:26:23 +08:00 · 3524 次点击
    这是一个创建于 3941 天前的主题,其中的信息可能已经有所发展或是发生改变。
    大概有100多个html文件, 都引用了bootstrap2的css文件. 现在想升级到bootstrap3, 不得不修改这100多个文件, 以后如果换版本, 还得重新再来一遍.苦恼!

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

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

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

    如果有后端,在模板中引用相同的 header 部分也是不错的。
    emric
        5
    emric  
       2014-02-08 17:17:43 +08:00
    用 IDE 的 Refacto, 再对着 bootstrap3 的改动表进行重构.
    对于一些HTML结构有变化的地方, 只能花点时间了.
    一般只要不是很复杂的页面都能够在一步完成.
    chone
        6
    chone  
       2014-02-08 17:18:51 +08:00 via Android
    如果性能上可以接受的话直接用@import就行了,
    也可以用一个统一的js加载器来加载。
    如果必须用link的方式,可以找一个或自己写一个页面生成工具,shell脚本,nodejs等等都不是很麻烦。
    或者如果只是改文件名什么的改动不多,直接写脚本把文件都跑一遍就好了,awk什么的。
    slixurd
        7
    slixurd  
       2014-02-08 19:49:51 +08:00
    动态语言大部分都已经采用MVC框架可以做到模板分离,网页header,正文,footer分离了吧?
    如果是静态页面= =....
    很多IDE也提供全局的搜索替换,不过最简单还是sed批量处理
    fanpenghua
        8
    fanpenghua  
       2014-02-11 13:29:12 +08:00
    @initialdp 没必要升级,你想要 3的什么功能?效果?结构?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2547 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 10:34 · PVG 18:34 · LAX 02:34 · JFK 05:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.