管理自定义js库的版本控制

Question

让我首先解释一下我当前的场景。我已经建立了一个可视化组件的javascript库。该文档基于bootstrap的文档样式-组件示例在相关页面上运行。每个组件都有一个视图。该文档项目是使用ASP.NET MVC 4构建的。

我已经在一个共享视图中包含了所有css和js，并且它由所有组件视图共享。因此css和js只包含在一个页面上。

<link rel="stylesheet" href="/library/1.0/css/bootstrap.min.css">    
<link rel="stylesheet" href="/library/1.0/css/vislib.min.css">
<script src="/library/1.0/js/vislib.min.js"></script>
<script src="/library/1.0/js/jquery.min.js"></script>
<script src="/library/1.0/js/bootstrap.min.js"></script>    

如上所述，所有css和js都存储在1.0版本的目录库/1.0中。现在我要发布1.1版本。在当前的场景中，我需要创建一个目录库/1.1，并将所有更新的css和js放在相应的目录中，同时还必须更新代码。

这个过程是手动的，而且很乏味。我在谷歌上搜索了前端资产的版本控制，并了解了bower。我创建了如下bower.json：

{
  "name": "vislib",
  "description": "Example bower project for vislib",
  "version": "1.0",
  "dependencies": {
    "jquery": "~1.11.1",
    "bootstrap": "3.2.0"
  },      
  "main": "vislib.min.js",
  "license": "MIT",      
  "private": true,
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

创建这个文件后，我无法理解这个文件是如何工作的，也无法帮助我维护js和css文件的版本控制。对于jQuery和bootstrap来说，这很好。Bower在bower_components中安装组件，我可以在我的代码中使用它作为

<script src="bower_components/jquery/dist/jquery.min.js"></script>

如何通过bower为每个新版本的包维护javascript和css文件的版本控制？如果可能的话，请说明如何正确使用bower来维护自定义js和css的版本。

Answer 1

您可以执行以下操作。在/library中创建一个名为latest的文件夹，并放置所需的文件：例如：

/library/latest/js/
/library/latest/css/

这样，您就不必更改现有的html标记。通过这种方式，用户将确保他们使用最新版本的库，而无需手动编辑现有标记