Bower:安装2个版本的jQuery


76

我将如何使用Bower安装2个版本的jQuery ?我想同时拥有v2.0和1.9.1,以支持浏览器

我遇到的问题是,如果您运行 bower install jquery#1.9.1 jquery#2.0.0第一个版本,则第二个版本将覆盖第二个版本,因为它们是相同的组件


希望对您有所帮助,forum.jquery.com
topic

@dreamweiver我不需要同时运行两个版本,我想使用凉亭安装两个单独的版本
Adam Coulombe

编辑标签,因为这实际上不是jQuery问题。
开拓者

Answers:


67

在bower.json的依赖项部分,您可以执行以下操作:

"dependencies": {
    "jquery": "2.0.0",
    "jquery-1.9.1": "http://code.jquery.com/jquery-1.9.1.js"
}

通常不应该这样做,但是有时您必须维护/迁移现有网站(无论出于何种原因)在不同页面中使用不同版本的jquery!


8
关于什么:"jquery-1.9.1": "jquery#1.9.1"
Mike Causer 2015年

1
“ dependencies”:{“ jquery”:“ 2.0.0”,“ jquery-1.9.1”:“ code.jquery.com/jquery-1.9.1.js ”} ----------答案很好。
Akhil Xavier

158

根据凉亭文档

Bower提供了几种安装软件包的方法:

# Using the dependencies listed in the current directory's bower.json
bower install
# Using a local or remote package
bower install <package>
# Using a specific version of a package
bower install <package>#<version>
# Using a different name and a specific version of a package
bower install <name>=<package>#<version>

您可以像这样安装两个不同版本的jQuery:

bower install jquery-legacy=jquery#1.10 jquery-modern=jquery#2

或者,如果您希望将其设置为 bower.json

"dependencies": {
    "jquery-legacy": "jquery#1.10",
    "jquery-modern": "jquery#2"
}

谢谢!很高兴知道,这是新增功能吗?当我最初寻求答案时,我不认为这是可能的
Adam Coulombe

@AdamCoulombe看起来是从v1.0.0起添加的。它已在相当长的一段时间内保持稳定(从软件角度而言),但是没有任何凉亭的预发布版本。
2013年

这应该是选择的答案
gotofritz 2015年

绝对应该是答案
kaosmos

这确实有帮助。后续问题:如何指定在另一个库上需要使用哪个jQuery版本?我这里有一个开放的问题。
JohnnyQ

12

在命令行中,如果只需要最新的1.x和2.x版本,则可以放宽上述答案中的约束。

所以:

bower install jquery-legacy=jquery#1.10 jquery-modern=jquery#2

会成为:

bower install jquery-legacy=jquery#^1 jquery-modern=jquery


4
由于PHP / Packagist社区现在正在学习,bower install jquery-legacy=jquery#^1 jquery-modern=jquery尽管较为宽松,但仍未对“现代”版本设置上限。更好的宽松约束是:bower install jquery-legacy=jquery#^1 jquery-modern=jquery#^2,因为它使现代具有一个上限,以防止重大的突破性变化。到了2.x不再是“现代”的时候,我认为您还是要更改软件包名称。
2015年

0

bower.json:

这就是我的方法...

“ dependencies”:{
    ...
    “ jquery”:“ 2.0.0”,
    “ jquery-old ”:“ 1.9.1”
    ...
}

第二版本可以是任何旧版本或新版本。您只需要添加其他密钥即可。像旧的jQuery

安装

Bower install-保存旧的jquery

使用

现在您可以使用以下任一jQuery版本:

<script type =“ text / javascript” src =“ path / to / bower / directory / jquery / dist / jquery.min.js”> </ script>

<script type =“ text / javascript” src =“ path / to / bower / directory / jquery-old /dist/jquery.min.js”> </ script>

奖金

“ dependencies”:{
    ...
    “ jquery”:“ 2.0.0”,
    “ jquery-old ”:“ 1.9.1”
    “ jquery-latest ”:“” ^ 3.3.1“
    ...
}

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.