标签: gulp-concat

文件夹结构：

project
|
+-coffee
| |
| +-main.coffee
| |
| +-testDir
| | |
| | +-models.coffee
| | |
| | +-views.coffee
| |
| +-anotherDir
| | |
| | +-routes.coffee
| | |
| | +-views.coffee
| | |
| | +-modules.coffee
| |
| +- etc...
| 
+-www

这个想法是在将文件coffee/写入目录时将文件夹结构与目录保持一致www/。中可以有任意数量的子文件夹coffee/。.coffee每个文件夹中的所有文件都应该连接到一个modules.js文件中：

www
|
+-modules.js
|
+-testDir
| |
| +-modules.js
|
+-anotherDir
| |
| +-modules.js
| …

我正在尝试自动化连接和uglify js in gulp.

这是我的gulpfile.js:

gulp.task('compressjs', function() {
    gulp.src(['public/app/**/*.js','!public/app/**/*.min.js'])
    .pipe(sourcemaps.init())
    .pipe(wrap('(function(){"use strict"; <%= contents %>\n})();'))
    .pipe(uglify())
    .pipe(concat('all.js'))
    .pipe(rename({
        extname: '.min.js'
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('public/app'));
})

你是否认为需要包装每个文件(function(){"use strict"; <%= contents %>\n})();以避免在每个文件连接在一起时发生冲突？你认为我的gulp任务是好的,还是可以更好地执行它的任务？

我有一个gulp'默认'任务,我想在gulp继续构建我的缩小的CSS和JS之前清理文件夹.这个"干净"任务每个默认任务只需要运行一次.但是我在尝试使用默认任务来引用真正的构建任务时遇到了问题.所以这是我的gulpfile:

    var gulp = require('gulp');

    // including our plugins
    var clean = require('gulp-clean');
    var less = require('gulp-less');
    var util = require('gulp-util');
    var lsourcemaps = require('gulp-sourcemaps');
    var rename = require('gulp-rename');
    var filesize = require('gulp-filesize');
    var ugly = require('gulp-uglify');
    var path = require('path');
    var plumber = require('gulp-plumber');
    var minifyCSS = require('gulp-minify-css');
    var concat = require('gulp-concat');
    // DEFAULT TASK
    gulp.task('default', ['clean'], function() {
    .pipe(gulp.task('vendor'))
    .pipe(gulp.task('css'))
});
    // strips public folder for a build operation nice and clean ** obliterates! **
    gulp.task('clean', function() { …

在使用? 的情况下，是否可以将所有添加的内容包装js在$(document).ready(function(){第一行和});最后一行中gulp-concat？

试图uglify js文件.当我使用的包文件index.html.我得到以下错误.

下面是我的gulp文件.

'use-strict'
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
var exec = require('gulp-exec');
var ngAnnotate = require('gulp-ng-annotate');
const babel = require('gulp-babel');
var exec = require('child_process').exec;
gulp.task('scripts', function () {
return gulp.src(['vzrth.js','psrhs.js'])
.pipe(ngAnnotate())
    .pipe(babel({
      presets: ['es2015']
    }))
    .pipe(concat('bundle.js'))
    .pipe(uglify().on('error', function (e) {
      console.log(e);
    }))
    .pipe(gulp.dest('./client'));
});
gulp.task('nodestart', function (cb) {
  exec('node ./bin/www', function (err, stdout, stderr) {
    console.log(stdout);
    console.log(stderr);
    cb(err);
  });
})
gulp.task('default', ['scripts', 'nodestart']);

我得到的错误是:

引用错误:未捕获错误:[$ injector:modulerr] http://errors.angularjs.org/1.5.8/ $ injector/modulerr？p0 = …

免责声明:节点,流,吞咽的新手

我想更新/改进我们当前的构建过程以通过frontend-maven-plugin使用gulp,我想知道是否可以使用外部配置文件告诉gulp concat使用哪些文件？

目前我们正在使用位于/ scripts/config /下的一些ruby和json,并将其输出到组合文件夹.有许多这些配置,可以通过发布增长或缩小释放.

示例配置文件如下所示:

{
"outputFileName": "foo.js",
"dependencies":["blah.js","blah.js","blah.js"]
}

我见过的所有例子都是在gulp文件中使用了预定义的硬编码列表.我想我真正想问的是,如果这个功能是开箱即用的,或者我是否需要为此编写一个插件,当然假设一个尚不存在.

谢谢你的时间

我有一个gulp任务,它可以缩小CSS文件并将它们连接到一个文件:

gulp.task('minify-css', function() {
'use strict';
var pathsToMinifyAndConcat = [
    'css/index.css'
];

var pathsToConcatOnly = [
    'lib/css/font-awesome-4.3.0/font-awesome.min.css'
];

var minifyFiles = require('gulp-cssnano');
var concatAllFilesToOneFile = require('gulp-concat');
return gulp.src(
        []
            .concat(pathsToMinifyAndConcat)
            .concat(pathsToConcatOnly)
    )
    .pipe(minifyFiles())
    .pipe(concatAllFilesToOneFile('application.min.css'))
    .pipe(gulp.dest('dist'));
});

但是,如果某些文件已经缩小(font-awesome.min.css例如),则不应再次缩小 - 它应该只是连接,并且应该从缩小过程中省略.有没有办法在没有hacky解决方案的情况下做到这一点(我不想使用我无法完全理解的解决方案 - 而且我很擅长吞咽)保留文件顺序？我找到了一个插件来在管道中的任何一点添加src文件:gulp-add-src,但它似乎暂时无效.