草庐IT

gulp-uglify

全部标签

javascript - Gulp 二级 Assets

我让Gulp将我所有的JS和CSS编译成组合文件并输出到/public/assets/js/application.js或/public/assets/js/application.css这一切都很好,但是诸如CSS背景图像等链接文件的URL路径之类的东西现在不再有效。因为这些链接Assets在我的/vendor/assets/bower-components中目录,我不能只将路径重写为/vendor无法通过网络访问。我想做的是浏览CSS和JS编译文件,找到所有链接的Assets引用,去抓取它们并将它们放在/public/assets/中。然后重写到新位置的路径。我需要的是一种在(主要

javascript - 让 Gulp watch 仅在更改的文件上执行功能

我是Gulp的新手并且有以下Gulpfilevargulp=require('gulp');varjshint=require('gulp-jshint');varconcat=require('gulp-concat');varrename=require('gulp-rename');varuglify=require('gulp-uglify');gulp.task('compress',function(){returngulp.src('js/*.js')//readallofthefilesthatareinjswitha.jsextension.pipe(uglify()

javascript - 在 gulp 中用冒号调用任务是什么意思?

我想知道:冒号在gulp任务中用作follow时有什么用。是否传递参数?gulp.task('default',['clean:mobile']); 最佳答案 Gulp并没有赋予冒号特殊的含义。在具有特殊含义的项目中,该含义来自Gulp以外的其他地方:项目文化或历史、其他工具等。有些人用它来组织他们的任务名称。所有与清理有关的任务都可以从clean:开始。所以你会有clean:dist、clean:build等。clean:build会删除转译后的文件,但会保留一些本地配置文件。clean:dist会删除所有不属于源代码分发的文件(

javascript - Full Gulp Istanbul 尔报道报告

我正在使用gulp-istanbul通过Gulp生成JavaScript单元测试覆盖率报告。有没有一种方法可以配置Istanbul以生成我的gulp流中所有JS文件的完整覆盖率报告,而不仅仅是测试用例所触及的文件。我正在做一个有很多JS的项目,但没有单元测试,我们正在努力增加测试覆盖率。我想要一份覆盖率报告,它首先显示我们大多数文件的覆盖率为0%,但随着时间的推移,覆盖率会逐渐增加。gulp.task('test',function(){gulp.src([mysourceglob]).pipe(istanbul()).on('end',function(){gulp.src([myt

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 - Gulp:控制台出错,assert.js:90 抛出新的 assert.AssertionError

我在控制台中收到这样的错误:$一饮而尽assert.js:90thrownewassert.AssertionError({^AssertionError:TaskfunctionmustbespecifiedatGulp.set[as_setTask](C:\Users\user\Projects\Newproject\node_modules\undertaker\lib\set-task.js:10:3)atGulp.task(C:\Users\user\Projects\Newproject\node_modules\undertaker\lib\task.js:13:8)at

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 - Gulp watch - 按顺序执行任务(同步)

我有一系列任务要从观察者那里运行,但我可以让它们按顺序触发:这里是gulp任务和观察者。gulp.task('app_scss',function(){returngulp.src(appScssDir+'/main.scss').pipe(sass({style:'compressed'}).on('error',gutil.log)).pipe(autoprefix('last2version','safari5','ie8','ie9','opera12.1','ios6','android4')).pipe(gulp.dest(appBuilderDir));});gulp.t

javascript - Browserify 和 Babel gulp 任务

我想在我的JavaScript中同时使用Browserify和Babel。为此,我创建了一个gulp任务gulp.task('babel',function(){returngulp.src('_babel/*.js').pipe(browserify({insertGlobals:true})).pipe(babel({presets:['es2015']})).pipe(gulp.dest('_dev/js'));});不幸的是,当我想在我的代码中使用import时,出现错误:ParseError:'import'and'export'mayonlyappearatthetople

javascript - 如何使用 gulp 在浏览器中进行刷新

我在iis中有一个应用程序,它是一个用angularjs和webapiC#2.0制作的应用程序,我想创建一个任务,在我保存任何js文件后立即更新浏览器。gulp版本:3.9.1gulp.task('livereload',function(){gulp.watch(config.files.js);}); 最佳答案 gulp-livereloadAlightweightgulppluginforlivereloadtobeusedwiththelivereloadchromeextensionoralivereloadmiddlew