问题标签 [gulp-concat]

我已经创建了一个角度应用程序，如果我在 index.html 中分别使用 controllers.js、routes.js、directives.js 等，该应用程序工作正常。但是，当我使用 gulp-concat 将 js 文件合并到一个 js 文件中时（与我在 HTML 中包含文件的顺序相同），我收到错误 Angular Uncaught Error: [$injector:modulerr] 我不确定由于错误不是很具体，如何进行

我正在开发一个 AngularJS 应用程序并使用 gulp 进行构建过程。我有多个 JavaScript 文件（用于控制器、服务、指令等），我将它们连接、丑化然后内联到一个index.html中，以最大限度地减少服务器连接的数量。

问题来了：

• 当我不将连接和丑化的 JavaScript 文件内联到index.html中时，源映射在我使用开发人员工具调试应用程序时工作。
• 当我将JavaScript 文件内联到index.html中时，我的断点永远不会被命中。为什么？我不确定，我做错了什么。

这是我的gulpfile的相关部分：

请在此处查看整个解决方案，例如项目结构等。尽管我认为这与我的问题没有任何关系。

我意识到的另一件事是，即使断点被命中（当不使用“内联”模式时），变量名仍然是错误的格式（即只有字母）。这是预期的浏览器行为（即开发人员工具不支持吗？），还是我需要为sourcemaps-command 指定一些特殊的东西？我不明白为什么，因为生成的源地图包含 -names信息。

更新一 (13.10.2015)

我意识到我也可以使用以下方法：

然而，由于gulp-inline. 似乎有一个拉取请求，但不知道它什么时候会合并回来。即使它会起作用，我不确定在这种情况下源映射会发生什么......？

更新二 (19.10.2015)

的版本0.1.0已于gulp-inline今天发布（请参阅“更新 1”中提到的拉取请求，该请求现已合并回来）。它现在可以正常工作gulp-uglify，即错误已得到修复。我仍然无法让源地图工作。不确定这是否受gulp-inline.

所以暂时，我还在寻找解决方案..

我有一个 CDN（或远程）脚本列表（带有完整的 URL）。我想将其转换为串联文件 ( all.js)。我可以用 gulp 做到这一点吗？换句话说，它是正确的工具吗？

我是 gulp 的新手，经过一番搜索后我没有找到答案，也许我不知道如何搜索或者我不了解 gulp 的目标。

我正在使用两个单独的 gulp 任务将模板缩小为 js 文件（1）并将项目的所有 js 文件连接到唯一的缩小文件（2）。

问题是：我是否能够通过处理从第一个任务到第二个任务的结果来避免创建 templates.js 文件，以便将它与其余的 js 连接起来？

我知道这可能是一个奇怪的问题，但请坚持下去。:)

是否可以使用 gulp sass（或其他 gulp 插件）读取具有多个 @import 语句的单个 .scss 文件，并将所有这些 @import-ed 文件导入/合并到未编译为 CSS的单个 .scss 文件中？

背景信息：我采用了 Bootstrap 和 FontAwesome 基础 .scss 文件并将它们组合成一个主 .scss 文件。我现在想将 @import 语句中的所有文件放入一个 .scss 文件中。

我想到的另一个选择是只使用一个 concat 工具，但是我不必手动指定要在 gulp 文件中连接的每个文件吗？如果我错了，请纠正我。

我正在寻找的示例：

进口

和

做

请注意，文件@import中包含 s final.scss，但没有从 SCSS -> CSS 进行任何编译。

我正在使用以下代码为我的角度项目gulp-ng-constant创建一个文件：config.json

*****更新的代码*****

它的工作很棒，并从我这里创建了一个 JSON 文件，例如，

但是现在，我有更多文件要配置，除了config.json

那么有什么方法可以先将所有 JSON 文件合并为一个，然后configuration使用gulp.

谢谢你的建议。

一旦我点击保存，gulp babel 就会完成任务，并在终端中打印消息。但是代码没有在浏览器中更新。我有一个本地 Nginx 为我吞咽的文件提供服务。我必须重新加载多次才能获得更新的代码。

我的吞咽文件：

Gulp 默认是我运行的。

但是，如果没有 gulp-babel（对于 ES5），它可以正常工作。我只需在浏览器中重新加载一次即可获得更新的代码。我尝试过努力刷新，甚至在 Chrome 中启用了“在打开 devtools 时禁用缓存”选项，但没有运气。

这可能是什么原因？

我需要不同的任务和命令来运行 concat 并将所有 css 文件 uglify 到一个，并将所有脚本文件到一个（以适当的顺序）用于生产，并且仍然有单个文件用于开发人员版本。

我也需要观察者来开发文件。

但是对于 prod，我只需要将 gulp 命令添加到部署脚本中。我不明白如何在 html 模板中将多个文件替换为一个。

我的总体问题是，如果预编译的文件完全相同，如何防止连接和缩小的文件不同。

我已经设置 gulp 以使用 gulp-concat 和 gulp-uglify 来连接和缩小我的 JavaScript 文件。它工作得很好，除了每次编译时 git 都会给我以下警告：

Git 还显示此文件已更改，即使它应该没有更改。

这是我正在使用的 gulp 任务：

我得到同样的问题是我添加{newLine:'\r\n'}到第二个参数 concat 函数。我还尝试了以下方法（在其他几个帖子中找到）{newLine:'\n'}，{newLine:'\n;'}但都没有奏效。

顺便说一句，我正在电脑上开发。

你好

我想问一下如何让它在我的 localhost 上注入文件。也许我在gulpfile.js中有问题 我试图修复它但它不起作用 CSS & JS

gulpfile.js

谢谢你的帮助