管理自定義js庫的版本控制

讓我先解釋一下我目前的情況。我已經構建了一個可視化組件的JavaScript庫。該文檔基於引導程序的文檔樣式 - 組件示例在受尊敬的頁面上運行。每個組件都有一個視圖。該文檔項目是用ASP.NET MVC 4構建的。管理自定義js庫的版本控制

我已將所有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_components，我可以用它在我的代碼爲

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

我如何通過亭子維護的JavaScript和CSS文件版本的軟件包的每個新版本？如果可能的話，請詳細介紹如何正確使用bower來維護自定義js和css的版本。

來源

2014-10-01 Valay

在版本控制中拋出所有內容，並單獨提供各種修訂版本？我不認爲這是鮑爾涵蓋的用例。 – jgillich 2014-10-01 14:34:48

@jgillich感謝您的迴應。涼亭如何幫助我在我的項目中定製js和css？ – Valay 2014-10-01 14:39:07

你可能想看看GulpJS或GruntJS。他們是JavaScript任務運動員，我相信有可以幫助你的插件。 http://gulpjs.com http://gruntjs.com – 2014-10-01 14:45:26

您可以執行以下操作。的/庫中創建一個名爲最新的文件夾，然後把文件你想：如：

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

這樣，你不必改變現有的HTML tags.This方式，用戶將確保他們使用你的庫的最新版本，無需手動編輯它們現有的標記

來源

2016-06-08 06:11:00 cssGEEK

管理自定義js庫的版本控制

回答

相關問題