问题标签 [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.
javascript - gulp-uglify 正在创建错误的 javascript
我正在使用 AngularJS,并且我的应用程序 JS 设置如下。
然后我继续使用 gulp 对这个 JS 文件进行 lint。
我没有报告任何错误。接下来,我继续使用gulp-uglify
.
我得到一个缩小的输出。但是,当我在我的 html 应用程序中使用缩小的输出时,我得到一个 AngularJS 错误。当我将丑化的 JS 美化回来(通过 jsbeautifier.org)时,我看到以下结果。
如您所见,,
应该有分号的地方有逗号;
。我的输入 JS 文件是坏的还是gulp-uglify
搞砸了?我该如何解决这个问题?
javascript - CSS 和 JS 缩小不适用于 gulp-filter、gulp-csso、gulp-uglify
我正在用 Gulp 完成 johnpapa 的自动化课程,似乎碰到了一面奇怪的墙:当我尝试运行 CSS 和 JS 连接和缩小任务时,它无法进行缩小。
这是任务:
inject
是将 css 和 js 引用注入索引文件的任务(正常工作),$
isrequire('gulp-load-plugins')({lazy: true})
和config.indexFile
is index.jsp
。
我的文件结构(与课程中的不同)是:
基本上,index.jsp 针对 CSS 和 JS 库和应用程序资产进行处理,这些资产被缩小并连接成 lib.css、lib.js、app.css 和 app.js。之后,所有这些都被注入到名为 test.jsp 的 index.jsp 的副本中。
资产收集、连接和注入工作非常出色。缩小 - 不是那么多......
任何想法或指针将不胜感激。
gulp - Gulp 捆绑包然后缩小
我正在为我的应用程序创建 3 个缩小的捆绑包。我有 2 个任务来执行此操作,缩小和捆绑。Minify 依赖于 bundle。如果我运行 minify,这两个任务都运行没有错误。捆绑包已创建,但缩小的文件未创建。如果我删除了对 bundle 的依赖,我可以自己运行 minify 并成功创建缩小文件。这使我相信当缩小任务触发时文件可能正在使用中(因为捆绑尚未完成?)。如何让它等到文件完全准备好?我可以通过流吗?或者也许将这些组合成一个任务?它们目前不是单个任务的原因是因为它们每个包输出 2 个文件(一个未缩小的包和一个缩小的包)。
gulp - Gulp 只执行 gulpfile 中的最后一个任务?
我有大约六个与此类似的 Gulp 任务:
当我gulp
在终端中运行时,它只执行最后一个任务(或者至少,只生成最后一个任务的 JS 文件)。
Gulp 允许多个任务,对吧?为什么只执行文件中的最后一个任务?
javascript - Gulp - 源代码中带有通配符的 uglify() 引发错误
在 GULP 中运行最后的构建步骤时,我尝试在 gulp.src 中使用带有通配符的 uglify,但看到一个错误。
这有效:
但这不会:
唯一的区别是我在工作 gulp.src 中选择了一个特定文件,但在非工作版本中使用了通配符。我已将其缩小到 uglify() 因为如果我将其注释掉,我不会收到错误消息,并且一切都会顺利完成。
任何帮助将不胜感激
javascript - Gulp Uglify 从 Paper.js 库中生成奇怪的字符
我在一个项目中使用Paper.js的 Bower 包。我正在使用 Gulp 为浏览器准备项目。然而,在 bower_components/paper/dist/paper-full.min.js 中有一些字符看起来像这样:
经过 Gulp 后,结果是这样的:
导致控制台错误
未捕获的语法错误:无效的正则表达式:/[ªµºÀ-ÖÃ~-öø-ˈ-Ë'Ë -ˤˬˮͰ-ʹͶͷͺ-ͽΆÎ^- ΊΌΎ-Ρ[许多奇怪的字符]字符类中的范围乱序
这是我的 gulp 文件的一个相关块:
我已将问题隔离到该过程的这一部分:
也就是说,注释掉这一行不会生成异常字符,也不会导致控制台错误。
该uglify()
方法似乎是规范的方法,需要像这样:var uglify = require('gulp-uglify')
. 所以有什么问题?为什么会uglify()
造成这种情况?
javascript - Gulp-sourcemaps 没有创建源映射文件?
我正在尝试让 Gulp 源映射来写入文件,但我在任何地方都看不到这些文件。如果在工作树中创建了任何新文件,我会在 中看到它们git status
,但没有找到新文件。
下面是我的 gulpfile.js
这是正确的用法吗?从我在其他地方看到的例子来看,这应该没问题。我还看到这些插件与源地图兼容:https ://github.com/floridoo/gulp-sourcemaps/wiki/Plugins-with-gulp-sourcemaps-support
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
.
所以暂时,我还在寻找解决方案..