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

计划用的 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变量填上