问题标签 [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 回答
97 浏览

uglifyjs - 生成的源映射中的源路径错误

使用gulp-uglifyjs(使用mozilla/source-map)我们正在创建一个源映射。问题是所有来源都以“app/”开头。无论如何要在没有字符串替换的情况下删除它吗?


我们尝试了 sourceRoot 设置,但没有成功。

0 投票
1 回答
1844 浏览

gulp - 在连接时将自定义字符串添加到 JS 文件中

我正在尝试将我们的构建过程从现有的自定义 bash 构建脚本迁移到 gulp。我们连接了几个未压缩的开源 JS 文件,如 bootstrap、lazyload ......以及我们自己的 JS 文件。我们按顺序对每个 JS 文件(也删除它们的许可证)进行 uglify,根据需要将自定义许可证文本添加到其中一些文件并连接以创建输出 JS 文件。自定义许可证文本当前在 bash 脚本中保存为字符串。

如何在不创建中间文件的情况下在 gulp 中实现这一点?是否也可以选择性地避免丑化一些 JS 脚本?

0 投票
1 回答
444 浏览

gulp - 在 gulp.dest 中应用条件

我有一个 gulp 任务,它获取 html 文件,在其中找到脚本,缩小它们,应用修订并输出资产文件夹中的所有内容:

templates/index.html

gulpfile.js

这工作正常,但将所有内容(js/app.js 和 index.html)输出到根目录(./);

有什么方法可以在项目的根文件夹中应用条件gulp.dest并将 js/app.js 输出到项目的根文件夹,但将 index.html 输出到不同的位置(例如./templates_cache)?

0 投票
1 回答
1493 浏览

javascript - gulp-browserify 和 uglify.minify 有什么区别

gulp-browserify“ ”和“ ”有什么区别uglify.minify。两者都用于缩小文件。我正在尝试将一组 JS 文件压缩为一个文件,两者都很好,这是可取的。

0 投票
2 回答
363 浏览

javascript - 部署 minfied javascript 文件并调试

所以我完成了一个新的角度应用程序的构建,我想将它部署到生产中......当然我已经准备好了我所有的角度代码,这样它就可以被缩小,所以我在那里被覆盖了!!但有些我不明白...我的应用程序有很好的代码分离和完整的单元测试...结果,当然,我的主页上有很多脚本标签。

我当然需要在开发时在运行时调试我的 javascript,但是当我去部署时,我需要缩小。这里的最佳做法是什么?在我将代码移动到生产机器后,这实际上是用我的 all.min.js 文件替换脚本标签的手动过程吗?我是否也缩小了所有的 css 和 html?我正在使用 gulp 进行缩小...

谢谢您的帮助....

0 投票
1 回答
2775 浏览

node.js - Gulp-uglify 将多个 javascript 文件合并为一个 javascript 文件

我正在寻找Gulp 任务,它可以将多个 javascript 文件放入一个 javascript 文件并压缩到一个文件中,例如grunt-contrib-uglify

这是我试图这样做来模拟 grunt-contrib-uglify:

对这个解决方案的问题:
我需要在运行任务之前手动删除文件(application.js.min),否则每个任务执行都会将新文件连接到旧的压缩文件(因为这一行:).pipe(concat('application.js'))。

0 投票
0 回答
534 浏览

javascript - Gulp - sourcemaps - strange behavior

In my gulpfile.js, I'm trying to minify and enable sourcemaps in a release task.

Based on a config variable, I'm trying to pipe further actions into the stream. The check for the condition is using gulp-if-else. My set of dependencies (only relevant ones) are below

Here's the code that I'm having trouble with. If I keep three ifelse pipe calls individually (currently commented out), then the source is uglified and sourcemap is created as expected.

Repeating the condition didn't feel clean - so I tried replacing it with the minify function - and then the behavior is strange.

  1. If I don't give relative path in sourcemaps.write then the js file has a inline sourcemap.
  2. With a relative path, source is uglified, the js has a sourcemap comment pointing to app.js.map but app.js.map itself is never generated

I'm just picking up gulp (and node, really) and ran into this weird behavior that I can't seem to reason about. Would be a great help if someone can demystify it for me.

UPDATE: Complete gulpfile.js

UPDATE2: Added gulp-filelog. added pipe(filelog("minify")) and pipe(filelog("outer")) to the streams. filelog prints two files inside the fn but only one file outside. Why is the second file being dropped/ignored? What am I missing?

0 投票
1 回答
621 浏览

javascript - Gulp-uglify 包装 JS

我有一个看起来像这样的吞咽任务:

这个 gulp 任务使用:

  • 吞咽丑化
  • gulp-wrap
  • 吞咽连接
  • gulp-sourcemaps

上面的一切都运行正常。但后来我发现这gulp-uglify似乎带有它自己的wrap功能。如何使用gulp-uglify函数来包装脚本?

0 投票
1 回答
536 浏览

node.js - Gulp-wrap 替代方案

我有一个使用 gulp 工作流的现有工作项目。一切运行良好。我的 gulp 使用这个:

  • 浏览器同步@2.0.1
  • gulp@3.8.11
  • gulp-angular-templatecache@1.5.0
  • gulp-autoprefixer@2.1.0
  • gulp-concat@2.4.3
  • gulp-less@2.0.3
  • gulp-minify-css@0.3.13
  • gulp-minify-html@0.1.8
  • gulp-rename@1.2.0
  • gulp-sourcemaps@1.3.0
  • gulp-uglify@1.1.0
  • gulp-util@3.0.3
  • gulp-watch@4.1.1
  • 吞咽包装@0.10.1
  • 极简主义@1.1.0

所以,我决定在我的团队的新项目中使用它。我复制到新的项目文件夹并gulpfile.js运行。一切都照常下载。但是当我尝试运行我的 gulp 任务时,我遇到了这个错误:package.jsonnpm install

经过一番测试,我发现问题实际上是由 引起的gulp-wrap,可以通过以下方式解决:

  1. gulp-wrap从旧项目复制文件夹并覆盖新项目
  2. 从 gulpfile.js 中注释掉/删除所有gulp-wrap用法以及它的 require()

一开始我以为是新版本问题造成的。所以,我在package.json. 但是运行之后npm install,同样的问题出现了。

所以,当我查看我的 gulpfile 时,只有一个地方使用gulp-wrap.

无论如何我可以为此进行包装而不使用gulp-wrap以避免发生该问题吗?

0 投票
1 回答
356 浏览

node.js - 使用 npm 安装 gulp-uglify 时出错

我是nodejs的新手,也是gulp。我将从 node 和 gulp 开始,以提高我的开发技能。

安装节点 js 和 gulp 时一切都很好。我正在通过在命令提示符上检查版本来检查这两项。这是命令:

并使用命令使用 npm 安装 gulp。

在这些步骤之后,我将安装 gulp uglify。

这是我收到错误。但我无法理解这个错误。

错误截图

以及 npm-debug.log 命令提示符中显示的路径。这里没有生成文件。

提前致谢。