问题标签 [gulp-concat]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
382 浏览

npm - 来自 NPM 的 Gulp concat 供应商

是否有可能从 NPM 获取供应商脚本(如 jQuery、react……)并使用 Gulp 将所有这些连接到 vendor.js 中require('jquery'),例如使用方便?

我想做的是这样的:

0 投票
1 回答
1481 浏览

javascript - Gulp js错误通知未显示错误来源

一切都已设置并正在连接和编译我的样式和脚本。当发生错误gulp-notify并将gulp-plumber错误作为mac通知和终端抛出时,gulp不会停止运行 - 这很棒:)

但是,我发现终端中抛出的脚本错误始终是编译文件script-dist.js而不是实际连接的源文件的问题。

错误

请注意,这并没有告诉我实际错误来自哪里(应该说它在 中_modal.js,这是我故意在其中创建错误的串联文件之一。

gulpfile.js

0 投票
1 回答
651 浏览

javascript - 使用 gulp 和 babel 在单独文件中定义的 ES6 函数

我一直试图将我的代码分成几个文件,然后用 babel 编译并合并到一个文件中一段时间​​。

我有两个文件,functions.js 和 main.js

functions.js 看起来像:

那么main.js中的代码就需要用到这些函数。我的 gulpfile 看起来像:

文件 ./scripts/main.js 已成功编译、连接和创建,但是我无法使用这些函数,因为它们被包装在 babel 添加的混乱闭包中:

我花了很长时间寻找解决方案,尝试使用 bBrowserify 和其他一些东西,但无济于事。有什么简单的方法可以做到这一点吗?

0 投票
1 回答
1329 浏览

javascript - 如何使用 Gulp 为其父目录添加文件名前缀?

我正在为一个项目使用以下层次结构:

img 文件夹中有全局图像,每个提到的子目录中有本地化文件。

我正在使用 gulp-rename 插件为文件名添加自定义前缀 (GulpTest_)。但是,我还想将子目录文件夹名称添加到存储在其中的任何本地化文件中。

示例:
src/img/de-de/file1.jpg 将被重命名为 GulpTest_de-de_file1.jpg

我目前正在使用以下代码来获取子目录中的每个文件并添加 GulpTest 前缀:

如何修改我的任务,使其连接“前缀 + 子目录 + file.jpg”?

谢谢

0 投票
1 回答
1453 浏览

javascript - gulp - 连接到现有文件

我正在使用 gulp 来缩小和连接我的 js。目前这是我的 gulpfile:

事情是这样的:每个 angular/jquery/bootstrap 文件已经有一个缩小版本,所以我不想每次都缩小它们。我想采用 angular/jquery/bootstrap 的缩小版本,将它们连接到一个文件,然后缩小我自己位于 './public/app/**/*.js' 下的 js 文件并将它们连接到同一个文件文件与我上面的库。我该怎么做?

谢谢。

0 投票
2 回答
1132 浏览

ionic-framework - Gulp concat - 除某些文件外的所有文件

我一直在为此寻找一段时间,但没有运气。

我正在尝试编写一个 gulp 任务,该任务应该连接我的 lib 文件夹中的所有 js 文件,除了一些文件。

我尝试了以下方法,使用 gulp-ignore,但没有运气:

我的文件夹结构如下:

我试图通过 gulp 任务实现的是:

我想连接lib 文件夹中的所有文件,但在 ionic->js 中我只想将ionic.bundle.min.js连接到最终的 javascript 而不是所有文件。

有什么帮助吗?谢谢

0 投票
1 回答
146 浏览

javascript - gulp-concat:如何确保文件最后连接?

上面的代码是我的 gulp 任务的示例,使用gulp-concat. 堆中的某处是我app.js想最后连接的文件。有没有办法不必按顺序列出所有子文件夹?所有其他文件与订单无关。Myapp.js是唯一一个我需要最后连接的订单敏感。我想过在一个任务中做两个流,然后合并输出,但我希望有一个更简单的解决方案。有什么想法吗?

0 投票
1 回答
78 浏览

javascript - 如何重构角度依赖注入以进行连接和缩小?

我已将我的 Angular 应用程序编写到单独的文件中,以提高可读性和轻松查找要编辑/编码的内容的方法。这是我的 app.js 需要依赖项。

应用程序.js

这是如何写出依赖项的示例。

服务.js

但是,当我尝试连接脚本时,应用程序会不断重新定义。我想取出 var 声明,但我喜欢将文件分开。

我怎么能写出我的 app.js 的依赖注入保持不变,同时仍然保持文件分开。

0 投票
0 回答
379 浏览

gulp - Gulp Clear 在多源合并期间似乎并不总是删除文件或文件夹

我写了一个快速吞咽任务,它合并了几个来源。它首先清除所有内容的现有 JS 构建文件夹,然后构建 AngularJS 模板缓存,最后缩小并合并文件以在应用程序中使用,但是运行 gulp 的 4 次中有 3 次抛出错误,指示文件或文件夹在构建期间已存在:

但是 clear 应该在此子任务运行之前删除所有文件和文件夹:

有什么我错过的想法吗?还是有更好的方法来完成此类任务?除了没有清除旧版本之外,它似乎工作得很好。

0 投票
1 回答
1767 浏览

javascript - Gulp 插件做一个 JavaScript “包含”

是否有一个 Gulp 插件可以让我将 JavaScript 文件包含/连接在一起?

我正在尝试一种方法,可以将一个 JavaScript 文件的内容“包含”到其他文件中。通过包含,我的意思是有这样的东西:

“编译”成这样的东西:

或者,可能更好,像这样:

我自己编写了一个插件来做到这一点,但我希望能够使用源映射。自己实现源映射比我想投入到这个小项目上要付出更多的努力。

现在,我知道我可以使用类似的东西gulp-concat,但是没有一种简单的方法来控制它们的顺序。每次添加新文件时,我都必须修改 gulpfile,并手动将它们全部列出(或有很多复杂的模式),这是一个相当大的痛苦。

我更喜欢可以使用导入或包含来精确控制文件去向的东西,并从脚本本身而不是构建工具来控制它。非常类似于 LESS 或其他东西的做法。

对于 LESS,如果我不希望它们生成自己的独立文件,我所做的就是用“.import.less”命名后缀文件,然后将@import它们放在我希望它们在其他文件中的位置。这使得只生成我想要的文件变得非常容易,而无需简单地创建一个巨大的文件。