分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 如何部署Bower安装的软件包？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_618_1@

我使用Bower安装了一些软件包,但我不知道如何部署它们.

例如,我的第一个想法是创建一个将它们连接起来的Gulp任务 – 我用我的角度包做了这个：

gulp.task('libs',function () {
    'use Strict';
    return gulp
        .src([
            './public/assets/libs/angular/angular.min.js','./public/assets/libs/angular-animate/angular-animate.min.js','./public/assets/libs/angular-routes/angular-route.min.js'
        ])
        .pipe(concat('libs.js'))
        .pipe(uglify())
        .pipe(gulp.dest('public/dist'));
});

然而,虽然上面的这些包非常简单,但其他一些(确切地说,Bootstrap和jQuery)带有我不需要的源代码.我应该将bootstrap.min.css和jquery.min.js复制到我的dist文件夹吗？

坦率地说,我可以从CDN中包含所有这些文件,我还不明白为什么我会使用Bower(我一直在关注使用Bower的教程).

谢谢你的帮助！

解决方法

首先,在我看来,这是使用Bower的原因.

在“过去”中,在您的应用程序中包含特定JavaScript库(比如jQuery)的方法是访问jQuery网站,单击下载链接,然后将下载的.zip文件移动到项目目录中并解压缩它.然后,您将添加包含库的脚本标记.

包含JavaScript库(仍然使用jQuery作为示例)的“现代”方式是简单地运行bower install jquery –save,这将a)将jQuery添加到bower.json文件中,该文件列出了所有应用程序的依赖项,并且b)抓住jQuery文件并将它们放在适当的位置.如果您正在使用一些名为注入的东西,您可能已经或可能没有遇到过,您甚至不必担心脚本标记,因为构建系统会对此进行处理.

(顺便说一句,我认为Bower的灵感来自其他语言的软件包管理工具,比如rubyGems for Ruby,我知道这些工具在JavaScript世界之前已存在多年.你可能会感兴趣的是看看像那也是.)

其次,我会回答你关于部署的问题.

这取决于您部署的位置.我个人在我的所有生产环境中使用Heroku.我没有将我的JavaScript供应商库检查到Git中,因为在版本控制中保留构建工件不是一个好主意.相反,我只是检查我的bower.json,Heroku能够检测到. Heroku在生产中运行bower安装,它会提取所有相应的库文件.这就是我的部署工作方式,尽管这不是唯一可行的方式.

如果您想知道如何部署到特定平台,最好编辑此问题或创建一个单独的问题,其中包含有关部署环境的更多详细信息.