打包jQuery和引導

什麼是使用jquery或bootstrap安裝這些依賴關係的項目的常見方便的方法？打包jQuery和引導

我正在編寫一個在服務器端使用Django並在客戶端使用jquery和bootstrap的web應用程序。自動安裝Python依賴關係的主題非常好，至少有兩個合理的選項（Pip和Buildout）。但是我找不到任何有關如何最好地安裝前端依賴項的信息。

最終目標是使用兩條命令配置開發環境： 1. git checkout 2.設置下載並安裝所有依賴項：Python stuff + jquery + bootstrap。

來源

2012-03-29 Jan Wrobel

爲什麼不籤自舉文件（你可能會自定義，尤其是variables.less）到版本控制中，並且從CDN中包含jQuery？這應該不需要特別部署這兩個前端組件。 – Xion 2012-03-29 16:39:02

爲什麼不從Github獲得[jquery]（https://github.com/jquery/jquery）+ [bootstrap]（http://twitter.github.com/bootstrap/）（即使用git checkout）？ – ManseUK 2012-03-29 16:39:16

我認爲只是簽入，但在回購中保留依賴關係存在缺陷，如果有更優雅的方式來執行，我寧願避免。 – 2012-03-29 16:58:53

大多數前端JavaScript庫應該通過引用包含在HTML中，因此不需要下載/安裝它。如果您打算修改JavaScript庫，則必須自行託管修改後的代碼。

所以你的情況，你可以使用谷歌API庫加載jQuery的，像這樣：

<!-- Placed at the end of the document so the pages load faster --> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript">google.load("jquery", "1.7.1");</script>

大多數網站保持自己的個性化引導資產在自己的資源庫，並直接收留他們。引導程序自定義在http://twitter.github.com/bootstrap/download.html中描述。引導加載代碼應該是這個樣子：

<!-- Placed at the end of the document so the pages load faster --> 
<script type="text/javascript" src="/static/src/bootstrap_base.js"></script> 
<!-- <script src="/static/bootstrap/js/jquery.js"></script> --> 
<!-- <script src="/static/bootstrap/js/bootstrap-transition.js"></script> --> 
<script src="/static/bootstrap/js/bootstrap-alert.js"></script> 
<script src="/static/bootstrap/js/bootstrap-modal.js"></script> 
<script src="/static/bootstrap/js/bootstrap-dropdown.js"></script> 
<!-- <script src="/static/bootstrap/js/bootstrap-scrollspy.js"></script> --> 
<script src="/static/bootstrap/js/bootstrap-tab.js"></script> 
<!-- <script src="/static/bootstrap/js/bootstrap-tooltip.js"></script> --> 
<!-- <script src="/static/bootstrap/js/bootstrap-popover.js"></script> --> 
<script src="/static/bootstrap/js/bootstrap-button.js"></script> 
<script src="/static/bootstrap/js/bootstrap-collapse.js"></script> 
<!-- <script src="/static/bootstrap/js/bootstrap-carousel.js"></script> --> 
<!-- <script src="/static/bootstrap/js/bootstrap-typeahead.js"></script> -->

如果你不希望託管引導JavaScript中，你總是可以鏈接到最新版本直接：

<!-- This is NOT recommended --> 
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap_base.js"></script> 
<!-- <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script> --> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script> 
etc..

來源

2012-04-02 03:07:02

打包jQuery和引導

回答

相關問題