Question

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

我正在编写一个Web服务器，它在服务器端使用Django，在客户端使用jquery和bootstrap。自动安装Python依赖项的主题非常清楚，至少有两个合理的选项（Pip和Buildout）。但我找不到任何有关如何最好地安装前端依赖项的信息。

最终目标是仅使用两个命令配置开发环境： git checkout 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资产保存在自己的存储库中，并直接托管它们。引导自定义在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> -->

如果您不想托管引导程序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..

打包jquery和bootstrap

1 个答案: