问题标签 [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.
javascript - Angular Uncaught Error: [$injector:modulerr] 将 js 文件合并到一个文件后
我已经创建了一个角度应用程序,如果我在 index.html 中分别使用 controllers.js、routes.js、directives.js 等,该应用程序工作正常。但是,当我使用 gulp-concat 将 js 文件合并到一个 js 文件中时(与我在 HTML 中包含文件的顺序相同),我收到错误 Angular Uncaught Error: [$injector:modulerr] 我不确定由于错误不是很具体,如何进行
gulp - gulp:concat、uglify 和内联 JavaScript - 源映射不起作用
我正在开发一个 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
.
所以暂时,我还在寻找解决方案..
javascript - 将 CDN 链接列表连接到文件 (gulp)
我有一个 CDN(或远程)脚本列表(带有完整的 URL)。我想将其转换为串联文件 ( all.js
)。我可以用 gulp 做到这一点吗?换句话说,它是正确的工具吗?
我是 gulp 的新手,经过一番搜索后我没有找到答案,也许我不知道如何搜索或者我不了解 gulp 的目标。
javascript - 合并 gulp 任务以避免创建不必要的文件
我正在使用两个单独的 gulp 任务将模板缩小为 js 文件(1)并将项目的所有 js 文件连接到唯一的缩小文件(2)。
问题是:我是否能够通过处理从第一个任务到第二个任务的结果来避免创建 templates.js 文件,以便将它与其余的 js 连接起来?
gulp - Gulp SASS - 使用 @import 而不编译 scss -> css
我知道这可能是一个奇怪的问题,但请坚持下去。:)
是否可以使用 gulp sass(或其他 gulp 插件)读取具有多个 @import 语句的单个 .scss 文件,并将所有这些 @import-ed 文件导入/合并到未编译为 CSS的单个 .scss 文件中?
背景信息:我采用了 Bootstrap 和 FontAwesome 基础 .scss 文件并将它们组合成一个主 .scss 文件。我现在想将 @import 语句中的所有文件放入一个 .scss 文件中。
我想到的另一个选择是只使用一个 concat 工具,但是我不必手动指定要在 gulp 文件中连接的每个文件吗?如果我错了,请纠正我。
我正在寻找的示例:
进口
和
做
请注意,文件@import
中包含 s final.scss
,但没有从 SCSS -> CSS 进行任何编译。
angularjs - Gulp - 合并两个 JSON 文件并创建 Angular 配置文件
我正在使用以下代码为我的角度项目gulp-ng-constant
创建一个文件:config.json
*****更新的代码*****
它的工作很棒,并从我这里创建了一个 JSON 文件,例如,
但是现在,我有更多文件要配置,除了config.json
那么有什么方法可以先将所有 JSON 文件合并为一个,然后configuration
使用gulp
.
谢谢你的建议。
javascript - Gulp babel 完成但代码没有更新
一旦我点击保存,gulp babel 就会完成任务,并在终端中打印消息。但是代码没有在浏览器中更新。我有一个本地 Nginx 为我吞咽的文件提供服务。我必须重新加载多次才能获得更新的代码。
我的吞咽文件:
Gulp 默认是我运行的。
但是,如果没有 gulp-babel(对于 ES5),它可以正常工作。我只需在浏览器中重新加载一次即可获得更新的代码。我尝试过努力刷新,甚至在 Chrome 中启用了“在打开 devtools 时禁用缓存”选项,但没有运气。
这可能是什么原因?
gulp - Gulp concat 脚本和 css 以便开发和生产
我需要不同的任务和命令来运行 concat 并将所有 css 文件 uglify 到一个,并将所有脚本文件到一个(以适当的顺序)用于生产,并且仍然有单个文件用于开发人员版本。
我也需要观察者来开发文件。
但是对于 prod,我只需要将 gulp 命令添加到部署脚本中。我不明白如何在 html 模板中将多个文件替换为一个。
git - Gulp、Git、Windows:gulp-concat 和 gulp-uglify 导致编译后的文件在 git 中显示为已修改,即使它不应该是
我的总体问题是,如果预编译的文件完全相同,如何防止连接和缩小的文件不同。
我已经设置 gulp 以使用 gulp-concat 和 gulp-uglify 来连接和缩小我的 JavaScript 文件。它工作得很好,除了每次编译时 git 都会给我以下警告:
Git 还显示此文件已更改,即使它应该没有更改。
这是我正在使用的 gulp 任务:
我得到同样的问题是我添加{newLine:'\r\n'}
到第二个参数 concat 函数。我还尝试了以下方法(在其他几个帖子中找到){newLine:'\n'}
,{newLine:'\n;'}
但都没有奏效。
顺便说一句,我正在电脑上开发。