jquery - 打包 jquery 和 bootstrap

Question

使用 jquery 或 bootstrap 的项目有哪些常见且方便的方法来安装这些依赖项？

我正在编写一个 Web 应用程序，该应用程序在服务器端使用 Django，在客户端使用 jquery 和 bootstrap。自动安装 Python 依赖项的主题已经很好地涵盖了，至少有两个合理的选项(Pip 和 Buildout)。但我找不到任何有关如何最好地安装前端依赖项的信息。

最终目标是仅用两个命令即可配置开发环境: 1. git 结账 2.下载并安装所有依赖项的设置:Python stuff + jquery + bootstrap。

Answer 1

大多数前端 JavaScript 库应通过引用包含在您的 HTML 中，因此无需下载/安装它。如果您打算修改 JavaScript 库，则必须自己托管修改后的代码。

因此，在您的情况下，您可以使用 Google Libraries 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>

大多数站点将自定义的 Bootstrap 资源保存在自己的存储库中，并直接托管它们。 Bootstrap 自定义描述于 http://twitter.github.com/bootstrap/download.html 。 Bootstrap 加载代码应如下所示:

<!-- 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> -->

如果您不想托管 Bootstrap 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..