问题标签 [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 投票
0 回答
521 浏览

javascript - gulp concat javascript 文件的顺序与 index.html 中的相同

我想以与 index.html 中相同的顺序将 gulp -useref用于 concant js 文件。

解决方案具有以下结构:

  • 解决方案文件夹
    • 应用程序文件夹
      • 服务文件夹
        • 服务.js
    • 脚本文件夹
      • 角.js

索引.html

吞咽

当我运行这个 gulp 任务 app.js 文件被创建但包含 index.html 的内容。

我做错了什么?

0 投票
1 回答
52 浏览

laravel - 单独的 gulp Concat 位置

我正在开发一个项目,该项目有两个单独的 js 文件夹供用户(public/js)和管理员使用(public/admin_stuff/js)

我将有两个all.js文件,一个用于用户部分 js 文件,另一个用于管理部分 js 文件。我怎样才能以一种简洁的方式实现这一目标?

0 投票
2 回答
4568 浏览

gulp - 在连接和缩小期间不要缩小已经缩小的文件

我有一个 gulp 任务,它缩小 CSS 文件并将它们连接到一个文件:

但是,如果某些文件已经被缩小(font-awesome.min.css例如),则不应再次缩小它 - 它应该只连接,并且应该从缩小过程中省略。有没有办法在保留文件顺序的情况下不使用hacky解决方案(我不想使用我无法完全理解的解决方案 - 而且我对gulp很陌生)?我找到了一个插件,可以在管道中的任何位置添加 src 文件:gulp-add-src,但它似乎有一段时间不活动。

0 投票
1 回答
1638 浏览

json - gulp 循环遍历 json 对象

我在项目顶部定义了所有路径,

我的问题是,当我打电话时,paths.concat[0].src我被迫指定我想要的数组中的索引。所以当我调用我的 concat 任务时,

定义路径没有帮助。循环任务的“最佳实践”方式是什么?

谢谢

0 投票
1 回答
569 浏览

javascript - 数组路径不适用于 gulp.task

我有一个 gulp 任务,可以在更改时对 js 文件进行连接和丑化。如果我只使用一个来源,它可以工作。但是,我正在学习角度,并希望它首先将模块连接起来,与此类似:

https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917#.mujtfmj63

我在用:

并且 gulp 任务运行但它不会创建 all.min.js 文件。如果我删除数组并使用它就可以了:

我的目录设置为

我究竟做错了什么?

0 投票
2 回答
622 浏览

laravel - Gulp-concat:将所有 js 包装在一个唯一的 $(document) 中

在使用的情况下,是否可以将所有添加的内容包装js$(document).ready(function(){第一行和});最后一行gulp-concat

0 投票
1 回答
5383 浏览

javascript - 使用 Gulp 以正确的顺序连接 js 文件

我正在尝试用 gulp 连接一堆 js 文件,但是按照特定的顺序。我希望最后一个名为“custom.js”的文件(可以是任何其他文件名,不过。

这是我的吞咽任务:

但是,这只是按字母顺序连接文件。除了将 custom.js 文件重命名为 zzz-custom.js 之类的文件外,我能做些什么来解决这个问题?

0 投票
0 回答
536 浏览

cordova - 离子连接文件 gulp-useref 不连接 css 和索引文件

我正在尝试让我的 ionic 应用程序为生产做好准备,但 gulp-useref 出现了一些错误

在我的索引文件中

在我的 gulpfile.js 中

我的 after_prepare 钩子中有这个文件

我在我的 ionic.project 文件的 gulpStartupTasks 中添加了“useref”,但是每当我运行时,ionic build android我都会收到错误

为什么不使用新的 index.html 创建 dist 文件夹以及 dist_css 文件夹 wt styles.css?

任何帮助表示赞赏

0 投票
1 回答
844 浏览

javascript - 合并 JS 流时保留源映射(将 lib 依赖项与 browserify 捆绑包连接)

在我当前的工作流程中,我需要创建 browserify 包,但还希望将非 commonjs js 库连接到文件的开头以公开全局变量,同时减少 http 请求的数量和 js 文件的大小。(其他包也可能需要其中一些库)

我目前有一个 gulp 任务,它创建 browserify 包并将任何所需的库连接到输出文件的开头,但是我发现在合并流时,我的源映射正在中断,并且在 web 检查器中;生成的地图仅显示预丑化的 browserify 包,而不是单个 js 模块。

(请注意,如果存在多个捆绑包,我的任务还读取配置 json 数组以构建多个捆绑包)

有没有办法可以保留预合并流中的源映射?loadmaps 设置为 true 似乎不起作用。

另外,作为一个健全的检查,我的方法会被认为是明智的吗?我是否错过了一些非常简单的方法来实现我想要的结果?

0 投票
1 回答
651 浏览

msbuild - 在构建输出中包含 gulp 缩小文件

我一直在使用 Gulp 来缩小和连接我的脚本文件并将我的 SASS 文件编译为 css。我们在 Visual Studio Team Services 上托管我们的文件,我正在尝试使用新的 Visual Studio 2015 构建系统。一切正常,我可以调用我的 gulp 任务并且它的运行没有问题。问题是因为创建的文件不是项目的一部分,它们不包含在我的部署包中。
我想知道是否有其他人有同样的问题并找到了包含这些文件的方法。谢谢。