打包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和引导

回答

相关问题