Gulp将多个js文件缩小为一个
Gulp将多个js文件缩小为一个
提问于 2014-11-04 01:46:00
我是Gulp的新手，我想知道如何将我的集合缩小(连接)到单个文件中，而不是每个单独的文件。
示例
var gulp = require('gulp');
var uglify = require('gulp-uglify');
gulp.task('minify', function () {
gulp.src([
'content/plugins/jquery/jquery-2.1.1.js',
'content/plugins/jquery/jquery-ui.js',
'content/js/client.js'])
.pipe(uglify())
.pipe(gulp.dest('content/js/client.min.js')) // It will create folder client.min.js
});
gulp.task('default', ['minify']);如您所见，我正在尝试缩小3个javascript文件，然后将它们输出到一个client.min.js中。有可能吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-11-04 01:49:17
这个插件会对gulp-concat有所帮助。
用法：
var concat = require('gulp-concat');
gulp.task('scripts', function() {
gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
.pipe(concat('all.js'))
.pipe(uglify())
.pipe(gulp.dest('./dist/'))
});Stack Overflow用户
发布于 2015-10-04 13:39:40
我建议你使用laravel-elixir，而不是经历很多棘手的事情。它正在编译sass，less，babel，coffescript，甚至添加一些你想要的东西，不仅仅是JavaScript，还有css。你需要的所有代码是：
var gulp = require('gulp');
var elixir = require('laravel-elixir');
elixir(function(mix) {
mix.scripts(['app.js', 'controllers.js', 'sweetalert.js'], 'public/js/all.js');
mix.styles(['normalize.css', 'app.css', 'sweetalert.css'], 'public/css/all.css')
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26719884
复制相关文章
相似问题