如何使用 gulp 连接 JS 库文件？答案

【问题标题】：How to concat JS library files using gulp?如何使用 gulp 连接 JS 库文件？
【发布时间】：2017-12-03 16:16:02
【问题描述】：

请查看我的要点： https://gist.github.com/flyspaceage/9e88716294df93c8eaece51fe413f7a3

我的所有文件似乎都正确连接，除了 JS 库。我正在使用 JS Socials、JS Scrollify、Headroom、JQuery 2.1.1、JS Slick。这些文件合并成一个缩小文件，但这些库不再在生产中工作。我正在编写我的第一个 Gulpfile，任何针对 Gulp 的建议都非常感谢。

【问题讨论】：

将您的库放置在不同的位置。它不起作用的原因是您正在清理源文件所在的 dist 目录。
所以我的 libs 目录应该只包含我写的 JS？喜欢我的 custom.js 文件吗？如果我删除 JS 库，那么我的 dist 目录将没有部署所需的所有文件，有没有办法同时拥有它？
您可以创建不同的结构。 scripts-> src（对于您编写的文件） scripts->lib 或 scripts->vendor（对于特定于供应商的文件）。并分别使用路径更新您的 gulp 脚本
已更新 > gist.github.com/flyspaceage/9e88716294df93c8eaece51fe413f7a3.js
你可以使用管道本身。

标签： javascript jquery node.js gulp

【解决方案1】：

将您的供应商库放在不同的位置。它不工作的原因是你正在清理源文件所在的 dist 目录。

将此目录中存在的所有脚本移动到文件夹'vendor'

libs: ['dist/scripts/libs/jquery.headroom.js', 'dist/scripts/libs/headroom.js', 'dist/scripts/libs/jssocials.js', 'dist/scripts/libs/slick.min.js', 'dist/scripts/libs/jquery.scrollify.js'],

然后将文件夹路径更改为vendor

libs: ['vendor/scripts/libs/jquery.headroom.js', 'vendor/scripts/libs/headroom.js', etc..,,,],

【讨论】：

这允许我将文件复制到另一个文件夹，但是我需要定义额外的任务来缩小/丑化脚本。
@FlySpaceAge：评论偏离原要求。您能否将其添加为您面临的问题的新问题？