草庐IT

javascript - Angularjs 缩小使用 grunt uglify 导致 js 错误

在angularjs中,我们将参数作为依赖注入(inject)传递。例如,functioncheckInCtrl($scope,$rootScope,$location,$http){…..….}所以当它被缩小时,它就变成了,functioncheckInCtrl(a,b,c,d){}现在a,b,c,d不会被Angular分别解释为$scope,$rootScope,$location,$http并且整个代码无法工作。为此angularjs提供了一种解决方案,就是checkInCtrl.$inject=['$scope','$rootScope',$location','$http']

javascript - grunt uglify js 不理解某些 es6 功能?

我在我的项目中使用了grunt-uglify,并且我正在使用es6。对于某些es6功能,例如粗箭头功能,它会抛出错误。我认为uglify不理解这种语法。我有办法解决这个问题吗?我的意思是我可以使用任何东西让uglify理解所有es6语法吗? 最佳答案 您可以使用grunt-contrib-uglify的harmony分支。npminstallgit://github.com/gruntjs/grunt-contrib-uglify.git#harmony--save-dev与es6完美配合。不需要额外的grunt设置。

javascript - Uglify-js 不会破坏变量名

尝试为我的js库准备良好的构建环境。根据网络评论UglifyJS似乎是最好的压缩模块之一,在NodeJS下工作。因此,这是缩小代码的最佳推荐方法:varjsp=require("uglify-js").parser;varpro=require("uglify-js").uglify;varorig_code="...JScodehere";varast=jsp.parse(orig_code);//parsecodeandgettheinitialASTast=pro.ast_mangle(ast);//getanewASTwithmanglednamesast=pro.ast_sq

javascript - 如何在保持文件夹结构的同时 grunt-uglify 多个脚本文件

我还没有找到一种好方法来grunt-uglify分布在多个文件夹中的多个脚本文件,同时保持包括uglified文件在内的文件夹结构完好无损。我想这样做的唯一原因是能够提高我正在处理的网页的“遗留”部分的性能。我找到了一种我不想做的解决方法,因为这会花费很多时间,那就是像这个答案中那样做(他们分别指定每个src和dest对):howtoconfiggrunt.jstominifyfilesseparately我想要实现的一个例子:**srcdir(nouglifyapplied):**src|-app1|-randomFile.js|-scripts|-file1.js|-file2.j

javascript - 如何在 grunt 中集成 uglify-es?

我正在使用gruntjs(它使用uglifyjs)构建我的Angularjs应用程序。但是uglifyjs还是不支持es6,所以在相应的GitHub问题中我找到了this.所以现在有了uglify-es,貌似支持es6。但我不确定如何将它与grunt集成。现在我有模块"grunt-contrib-uglify",它有一个依赖项uglifyjs,现在正在使用。我怎样才能让grunt改用uglify-es? 最佳答案 我通过安装支持es6的grunt-contrib-uglify和声分支实现了这一点:npminstallgit://gi

javascript - Uglify 整个元素(.css,.js,.html 文件相对)

最近我开始使用Grunt,它确实有助于缩小/连接.css文件和缩小/丑化/连接.js文件。我还使用gruntwatch自动编译和重启服务器,表示。当时我很开心。当我在我的style.css中看到85个“.wrapper”类时,我突然想丑化我的.css文件。这个.wrapper类在我的模板(jQuery.tmpl)、.js文件中使用。我在gmail源代码中看到了uglified.css类,我希望我也能做到。我的目的是将所有.css、.html、.js文件中的“.wrapper”替换为“.w”(任何短名称)。如何相对地丑化.js、.html、.css文件中的所有classes、id?

javascript - Uglify 整个元素(.css,.js,.html 文件相对)

最近我开始使用Grunt,它确实有助于缩小/连接.css文件和缩小/丑化/连接.js文件。我还使用gruntwatch自动编译和重启服务器,表示。当时我很开心。当我在我的style.css中看到85个“.wrapper”类时,我突然想丑化我的.css文件。这个.wrapper类在我的模板(jQuery.tmpl)、.js文件中使用。我在gmail源代码中看到了uglified.css类,我希望我也能做到。我的目的是将所有.css、.html、.js文件中的“.wrapper”替换为“.w”(任何短名称)。如何相对地丑化.js、.html、.css文件中的所有classes、id?

javascript - gulp:uglify 和 sourcemaps

我正在使用gulp。我想将一个或多个JS文件(例如jQuery)合并为一个文件,将其缩小,然后将其写入分发文件夹。我是这样做的:minifyJS(['/js/myModule.file1.js','/js/myModule.file2.js'],'/dist/js','myModule')函数:functionminifyJS(sourceFiles,destinationFolder,filenameRoot){returngulp.src(sourceFiles).pipe(plumber())//.pipe(sourcemaps.init())here???.pipe(conca

javascript - gulp:uglify 和 sourcemaps

我正在使用gulp。我想将一个或多个JS文件(例如jQuery)合并为一个文件,将其缩小,然后将其写入分发文件夹。我是这样做的:minifyJS(['/js/myModule.file1.js','/js/myModule.file2.js'],'/dist/js','myModule')函数:functionminifyJS(sourceFiles,destinationFolder,filenameRoot){returngulp.src(sourceFiles).pipe(plumber())//.pipe(sourcemaps.init())here???.pipe(conca

node.js - 使用 uglify 将 TypeScript 转为 JavaScript

我在ts目录下有4个TypeScript文件。我可以使用typescript:base任务将它们全部编译成一个带有源映射(main.js.map)的文件(main.js)。但是,当编译多个TypeScript文件时,尝试uglify这些文件不起作用。当sourceMapIn由多个文件组成时,就好像uglify会感到困惑。如何将一个包含多个文件的TypeScript项目编译成一个包含sourcemap的文件(返回原始ts文件)这是grunt文件:module.exports=function(grunt){grunt.initConfig({uglify:{dist:{options:{