我一直在尝试缩小我的js文件,但我无法让gulp生成输出文件。为了简单起见,我在根目录中创建了一个 test.js 文件,我正在尝试让 gulp 压缩并将缩小的文件发送到我的公共文件夹。我已经在这个问题上敲打了一段时间,所以提前感谢!这是我的应用程序.js文件
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
);
});
我的测试.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"
}
我想通了,我只需要全局安装 gulp,在我的根目录中创建一个 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
此方法处理所有错误处理并自动执行该过程,因此您不必在每次更新js文件时使用CLI。