问题标签 [gulp-uglify]

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 回答
2803 浏览

javascript - 如何使用 gulp 为 React 丑化我的包文件?

我设置了一个 gulp 文件,并且我已经正确缩小了我的所有脚本和 css 文件,除了 mybundle.js和 my homeBundle.js. 我的uglify()每个任务都在运行该功能,但是当我尝试吞咽时收到以下错误。

events.js:141 抛出错误;// 未处理的“错误”事件 ^ 错误:/Users/Documents/RTVS360/bundle.js:不支持流式传输

当 gulp 尝试 uglify 时是否存在问题,因为它每次运行 gulp 时都会重新创建文件?

下面你可以看到我的 gulpfile。任何帮助将不胜感激。

0 投票
1 回答
2099 浏览

gulp - Gulp 观看任务序列和浏览器同步

我是使用 Gulp 的新手,只是想学习它......现在我得到并想问的问题是设置包含手表和浏览器同步的默认任务的方法我需要知道我做错了什么

任何人都可以在这里改进我​​的代码吗,我不明白手表和浏览器同步的关系,在浏览器同步之前运行哪些任务以及何时观看

下面是我的文件夹结构

我的 gulp 项目的文件夹结构

现在我想要的过程是

  1. 将 less 编译为 css,然后将其缩小为 build 文件夹
  2. 项目清单
  3. 然后缩小我的 HTML 代码
  4. 然后缩小并连接我的js
  5. 压缩所有图像(仅在某些图像更改时运行)
  6. 使用 Browser Sync 运行缩小的 HTML 并观察我所有源 HTML、Less、图像和 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 回答
1258 浏览

gulp-uglify - clean-css TypeError 无法读取 null 的属性“0”

我正在尝试缩小我的代码,并且在运行 clean-css 时总是出现此错误。

我读过不同的帖子,上面写着删除评论行等,但对我来说一切都没有解决。

任何人有任何其他想法或方法来解决这个问题

0 投票
3 回答
4536 浏览

javascript - 将 gulp-if 与 gulp-useref 和 gulp-uglify 一起使用

我想使用 gulp-useref 将我所有的 JavaScript 文件连接成一个。

在我的 JavaScript 文件中,我混合了压缩文件和非压缩文件。

我只想对尚未缩小的文件进行 uglify(出于构建性能原因),并且https://github.com/jonkemp/gulp-useref#transform-streams表明这是可能的(实际上,它看起来很容易)。以下是我的 Gulp 任务定义:

这很有效,因为我得到了一个连接的文件,但未缩小的文件保持未缩小(预缩小的文件仍然被缩小 - 正如预期的那样)。

我的代码部分基于此:https ://github.com/craigjennings11/gulp-uglifyjs

知道为什么我的文件没有被缩小吗?


参考

0 投票
1 回答
1481 浏览

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

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

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

错误

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

gulpfile.js

0 投票
2 回答
7794 浏览

javascript - Gulp uglify 因 js 解析错误而失败

我正在为一个非常烦人的错误而苦苦挣扎。首先:我是 gulp 的新手。

我尝试使用 Angular 实现单页应用程序。为了让我的工作流程更好,我尝试实现 gulp。

我在安装一些 gulp 插件时遇到了一些严重的 npm 错误,但这是另一个故事,我意识到它在有或没有错误的情况下工作。

我真正想到的是 useref 插件。或者更准确地说,uglify 插件。

这是在我的 gulpfile.js 中:

这是它在尝试运行它时抛出的堆栈跟踪。C:\Work\evori-portfolio>gulp useref

这个堆栈跟踪对我来说绝对没有任何意义。

我查看了堆栈跟踪中列出的所有目的地,没有发现任何故障。

我认为这可能是由 gulp 所做的异步工作引起的。可能是 uglify 插件试图对此时未完成的 useref 文件进行 uglify。怎么知道?

因此,我将所有内容分开以确保错误不是由重叠插件引起的。

这就是我重现错误的方式: 1. gulp clean:dist

  1. 一饮而尽

    gulp.task('useref', function() { return gulp.src('app/*.html') .pipe(useref()) .pipe(gulp.dest('dist')) });

  2. 吞咽缩小

    gulp.task('minify', function() { return gulp.src('dist/**/*.js') /*.pipe(gulpIf('*.css', cssnano()))*/ .pipe(uglify()) .pipe(gulp.dest('dist')) });

  3. 对堆栈跟踪感到疯狂

    C:\Work\evori-portfolio>gulp minify [11:55:50] Using gulpfile C:\Work\evori-portfolio\gulpfile.js [11:55:50] Starting 'minify'...

    events.js:141 throw er; // Unhandled 'error' event ^ Error at new JS_Parse_Error (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:1526:18) at js_error (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:1534:11) at croak (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2025:9) at token_error (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2033:9) at expect_token (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2046:9) at expect (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2049:36) at eval (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2602:13) at eval (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2072:24) at expr_atom (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2532:35) at maybe_unary (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2708:19) at expr_ops (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2743:24) at maybe_conditional (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2748:20) at maybe_assign (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2772:20) at expression (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2791:20) at eval (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2173:39) at eval (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2072:24) at block_ (eval at <anonymous> (C:\Work\evori-portfolio\node_modules\uglify-js\tools\node.js:22:1), <anonymous>:2352:20)

编辑好的...我的 index.html 文件中有大量 .js 文件。我试图获取该文件,这会通过删除每个文件并尝试运行 useref+minify 来导致错误。我明白了。坏文件。当它从 index.html 中删除时,缩小就像一个魅力。但我不知道,我做错了什么或可能导致错误。

0 投票
1 回答
1743 浏览

javascript - gulp-usemin TypeError:路径必须是字符串。收到未定义

我正在使用 gulp-usemin 来缩小我在我的应用程序中使用的 javascript 文件,由于某种原因 gulp 没有看到我的文件之一。我的 index.html 中有这个:

这是我的 gulpfile.js:

当我运行默认任务时,我收到以下消息:

TypeError:路径必须是字符串。收到未定义

如果我<script src="scripts/directives/directive2/directive2.js" type="text/javascript"></script>从索引中删除 gulp 任务运行没有错误,我很确定文件在那里并且 url 写入正确。

请帮忙!!

0 投票
2 回答
1117 浏览

gulp-uglify - 你如何通过 --mangle-regex 选项使用 gulp-uglify 进行 uglify?

我正在尝试使用--mange-regexUglifyJS2 的 GItHub README 中记录的选项。问题是,我的构建使用gulp-uglify,并且没有清楚地记录我应该如何--mangle-regex在没有命令行的情况下使用。

我的目标是破坏“私人”标识符(匹配/^_/

我试过了:

这里什么都没做。一点帮助?

0 投票
1 回答
1453 浏览

javascript - gulp - 连接到现有文件

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

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

谢谢。