gulp-uglify没有生成缩小的输出文件

问题描述:

我一直在努力缩小我的js文件,但是我无法生成输出文件。为了简单起见,我在我的根目录下创建了一个test.js文件,并且我试图将gulp压缩并将缩小文件发送到我的公用文件夹。我在这一段时间里一直在抨击我的头,因此提前致谢!这里是我的app.js文件gulp-uglify没有生成缩小的输出文件

var gulp = require('gulp'); 
var uglify = require('gulp-uglify'); 
var pump = require('pump'); 

var app = express(); 

// view engine setup 
app.set('views', path.join(__dirname, 'app_server', 'views')); 
app.set('view engine', 'jade'); 

gulp.task('compress', function(cb) { 
    pump([ 
     gulp.src('./test.js'), 
     uglify(), 
     gulp.dest('./public') 
    ], 
    cb 
); 
}); 

我test.js文件

var myFunc = function(aa, bb) { 
    return aa + bb; 
}; 

myFunc(1, 2); 

我的依赖

"devDependencies": { 
    "gulp": "^3.9.1", 
    "gulp-uglify": "^3.0.0", 
    "pump": "^1.0.2" 
    } 
+1

你有没有'uglify()'函数的任何输出?你用什么命令来执行它? – Jerodev

+0

@Jerodev我尝试了没有uglify(),没有这样的运气,我也没有使用命令,它在我的主要app.js文件中,所以我期望它在我的流程启动时运行 –

+0

你可以展示如何包含这个文件在你的'app.js'中? – Jerodev

我想通了,我不得不在全球范围内安装一饮而尽,创建gulpFile.js在我的根目录下,并将此内容插入到文件中:

var gulp = require('gulp'); 
var uglify = require('gulp-uglify'); 
var concat = require('gulp-concat'); 
var watch = require('gulp-watch'); 
var pump = require('pump'); 

gulp.task('stream', function() { 
    return watch('app_client/**/*.js', function() { 
     pump([ 
      gulp.src([ 
       'app_client/app.js', 
       'app_client/home/home.controller.js' 
      ]), 
       concat('loc8r.min.js'), 
       uglify(), 
       gulp.dest('./public/angular') 
      ] 
     ); 
    }); 
}); 

然后在根目录下,头部到命令行并运行

gulp stream 

所有错误处理这种方法交易和自动化的过程,所以你不必使用CLI每次更新一个js文件

+0

还有一个Vscode扩展https://marketplace.visualstudio.com/items?itemName=HookyQR.minify也是这样做的事情(甚至使用uglify),也将工作在CSS和HTML。 – Mark