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

【问题标题】：Manage versioning of custom js library管理自定义 js 库的版本控制
【发布时间】：2014-11-26 10:25:48
【问题描述】：

让我先解释一下我目前的情况。我已经构建了一个可视化组件的 javascript 库。该文档基于引导程序的文档样式 - 组件示例在受尊重的页面上运行。每个组件都有一个视图。文档项目是使用 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 版本的目录 library/1.0 中。现在，当我要发布 1.1 版时。在当前场景下，我需要创建一个目录 library/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 和引导程序来说，这很好。 Bower 在bower_components 中安装组件，我可以在我的代码中使用它作为

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

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

【问题讨论】：

将所有内容都放入版本控制中并分别提供各种修订？我认为这不是 Bower 涵盖的用例。
@jgillich 感谢您的回复。 Bower 如何在我的自定义 js 和 css 项目中帮助我？？？
你可能想看看 GulpJS 或 GruntJS。他们是 javascript 任务运行器，我相信它们有可以帮助你的插件。 gulpjs.com gruntjs.com
是否可以在没有 git 的情况下注册我的 bower 包并在项目中使用它？？？- @Gary Storey

标签： javascript jquery css bower

【解决方案1】：

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

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

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

【讨论】：