没有项目经验的菜鸟来问下，网页模板文件中怎么管理 js/css 文件的路径？

[cpdyj0]

计划用的 freemarker，用的开源模板，不同页面引用的资源文件不完全一样，怎么管理路径比较好？
我现在的方法是：

  <!-- Bootstrap -->
  <link href="${vendorPath}/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="${vendorPath}/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <link href="${vendorPath}/nprogress/nprogress.css" rel="stylesheet">
  <!-- Animate.css -->
  <link href="${vendorPath}/animate.css/animate.min.css" rel="stylesheet">

计划上 freemarker 时把vendorPath变量填上

[cpdyj0]

不想把路径写死在模板里，一开始想到全提取成一个文件然后 include 进去，但是看了不同页面引用的资源并不完全一致

[cpdyj0]

或者我有个想法，维护一个列表，手动规定每个文件的位置，模板中就${res.css.bootstrap}，具体位置运行时读取配置文件实现，好处是如果将来想把这些只想某公共 CDN 只需要修改下配置文件就好了，不好的就是 20+个文件，手动置顶太麻烦了。。。

[cpdyj0]

置顶-->配置

[wbrobot]

css 和 js 后面再加上个问号版本号，方便静态资源上 cdn