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.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文件的版本控制？如果可能的话，请详细说明如何正确使用凉亭来维护自定义js和css的版本。

Answer 1

您可以执行以下操作。在/ library里面创建一个名为latest的文件夹并放置你想要的文件： E.g：

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

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

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

1 个答案: