问题标签 [grunt-contrib-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 - 如何将全局/公共变量添加到 grunt-contrib-uglify 输出
好的,所以我对 Grunt 和 Node.js 很陌生。我正在构建一个站点,并认为“main.js”文件变得太大了。因此,我将其拆分,现在我尝试使用 Grunt 将所有这些 JS 文件重新组合在一起。
我遇到的问题是我需要为所有这些 JS 文件中的所有各种函数提供一些全局变量。更具体地说,我们网站上的每个页面都通过id
in body 标记进行标识:
这些 JS 文件中的许多都包含 if 语句,以确保某些函数仅在加载了相应的页面时才运行。例如:
注意到page
变量了吗?那个人是我需要让所有这些文件都可用的那个人(在 grunt-contrib-uglify 将它们合并在一起之后)。所以,我想我会分配一个新的“唯一”变量名,并使其成为全局变量。
我注意到grunt-contrib-uglify在其文档中列出了一个 ' wrap ' 选项。但是,没有给出如何使用它的示例。
谁能告诉我:-如何在“grunt-contrib-uglify”中使用“wrap”选项-如果这是我想要做的正确的 grunt 插件?
我的一个想法(作为最后的手段)是创建一个before.js
andafter.js
并放置我希望在每个文件中包含其他文件的开头和结尾(分别)。但是,我认为“包装”选项是我需要的,是吗?
更新:这是我的“合并”JS文件的链接: main.js
还有一个指向我的 Gruntfile 的链接: Gruntfile.js
node.js - Gulp-uglify 将多个 javascript 文件合并为一个 javascript 文件
我正在寻找Gulp 任务,它可以将多个 javascript 文件放入一个 javascript 文件并压缩到一个文件中,例如grunt-contrib-uglify。
这是我试图这样做来模拟 grunt-contrib-uglify:
我对这个解决方案的问题:
我需要在运行任务之前手动删除文件(application.js.min),否则每个任务执行都会将新文件连接到旧的压缩文件(因为这一行:).pipe(concat('application.js')
)。
angularjs - 使用 Grunt 缩小打字稿文件
我想在我的角度应用程序中缩小打字稿文件。我尝试在我的 Gruntfile.js 中给出 grunt 命令作为
当我运行命令时grunt uglify
js 文件被 uglified 但不是 ts 文件。如何缩小 ts 文件?
gruntjs - grunt 不会在 watch livereload 时重新加载服务器
如果任何文件发生更改,我一直在尝试重新加载服务器。我可以查看已更改的文件,但它不会重新加载我的服务器。
GruntFile.js
任何建议或帮助将不胜感激。
javascript - 当在 grunt-contrib-uglify 中设置 mangle:true 时,局部变量名称映射在开发工具中不起作用
我正在使用 grunt-contrib-uglify 插件来压缩我的 javascript 源文件以进行生产。
当我尝试在 chrome 的开发工具(或 firefox 的)中调试函数时,就会出现问题。
我在 Gruntfile.js 的 uglify 任务配置中设置了 mangle:true (默认值),并且 uglifyjs 对生成的代码中的变量名进行了 mangles(缩短和重命名)。
这些变量没有正确映射到它们原来的局部变量名。所以调试很痛苦。
有什么想法可以解决这个问题吗?
下面是我的 Gruntfile.js
我的目录结构基本上是,
gruntjs - 如何使用 grunt 将所有 .js 文件编译成一个缩小文件?
我是 grunt 的新手,我需要一些帮助来设置它。我想使用 SASS、Compass 并将我所有的 .js 文件编译成一个缩小文件。
我正在处理的站点当前未使用 grunt,我想对其进行设置以使用它。我所有的 .js 文件都包含在页面底部。我需要做些什么来更改它,以便只有一个缩小的 .js 文件包含所有 .js 文件?
在我的索引页面的底部,我有 .js 文件,如下所示:
我的 Gruntfile.js 看起来像这样:
我的 package.json 看起来像这样:
gruntjs - Visual Studio 2015 中的 UglifyJS 仅在发布模式下
我在 Visual Studio 2015 中配置了 GruntJS以使用UglifyJS缩小我的 JavaScript 文件。工作正常。
但是,我希望只有在 Visual Studio 处于发布模式时才会发生这种情况。在调试模式下,我想调试我的 JavaScript 文件,而缩小的 JavaScript 很难(不可能)调试。
javascript - 消息:'意外的令牌:punc (.)',同时在 grunt 中使用 uglify
目标
我的目标是连接我所有的 css、js 文件并缩小它们。我可以缩小我的concat.js
,但我正在努力缩小我的concat.css
.
Gruntfile.js
结果
我成功地连接了我所有的 css 和 js 文件,它们是在以下位置生成的:
dist/concat.js
dist/concat.css
然后,我也可以concat.js
毫无问题地缩小我的,但我正在努力缩小我的concat.css
.
我一直在终端底部收到此错误:
而 line4 只是我课程的开始:.mfp-bg {
有人可以在这里给我一点推动吗?另外,我应该在连接后执行缩小还是相反?有一个更好的方法吗 ?
javascript - Grunt Uglifyjs - 意外的令牌错误
我有一个 uglify JS 代码的繁重任务。当我运行它时,我收到错误:
第223行是:
无法理解出了什么问题。想法?
gruntjs - 复杂的 gruntjs 任务
我有以下情况:
- 连接一些文件
- 丑化一些文件(基于连接的文件)
- 将一个文件连接到另一个文件(上面被丑化了)
我将如何编写 gruntfile.js?
我尝试过这样的事情,但没有奏效。
谢谢