Concatenare file con npm come strumento di costruzione

Question

Recentemente ho scoperto che posso usare npm come task runner invece di gulp o grunt, tutto è fantastico finora (filaccia, stilo, giada, uglify, watch .. ecc.) Ma la concatenazione parte, non riesco a realizzarlo. Con gulp era qualcosa del tipo:

gulp.task('scripts', function() { 
    return gulp.src('www/js/**/*.js') 
    .pipe(concat('all.js')) 
    .pipe(gulp.dest('www/dist')) 
    .pipe(rename('all.min.js')) 
    .pipe(uglify()) 
    .pipe(gulp.dest('www/dist')); 
}); 

C'è un modo per farlo con npm?

Per essere più chiari, il mio obiettivo è quello di fare qualcosa di simile:

// package.json

{ 
    "name": "f_todo", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "author": "", 
    "license": "MIT", 
    "devDependencies": { 
    "concat": "^1.0.0", 
    "rerun-script": "^0.6.0", 
    "stylus": "^0.53.0" 
    }, 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "stylus": "stylus ss --compress --out lib/stylesheets", 
    "concat": "concat dependency code would be here", 
    "dev": "rerun-script" 
    }, 
    "watches": { 
    "stylus": "ss/**" 
    } 
} 

Answer 1

provare questo

var concat = require('concat')  
concat(['a.css', 'b.css', 'c.css'], 'all.css') 

https://www.npmjs.com/package/concat

e don dimentichiamoci di npm install concat

Per ordine utilizzare concat-glob-cli

"scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "concat": "concat-glob-cli -f path/to/**/*.js -o bundle.js", 
    ... 
}, 

https://www.npmjs.com/package/concat-glob-cli

Answer 2

Yep, concat è andato. Stavo guardando anche a questo mentre mi spostavo da gulp a puro nodo e ho trovato il pacchetto mancante.

In alternativa ora sto utilizzando buildify. Potrebbe essere un po 'eccessivo, ma funziona.

var buildify = require('buildify'); 
var files = [ 
    "./node_modules/moduleA/file1.js", 
    "./node_modules/moduleB/file2.js", 
]; 

buildify() 
    .concat(files) 
    .save("./dist/www/scripts/init.min.js"); 

Answer 3

Sto usando concat-files

e ho notato c'è anche concatenate-files

Entrambi sono abbastanza semplici.

noti inoltre scrivere il proprio è piuttosto semplice troppo:

var output = files.map((f)=>{ 
    return fs.readFileSync(f).toString(); 
}).join(';') 

fs.writeFileSync('dist/bundle.js', output) 

Answer 4

Il pacchetto concat non è più disponibile. Io suggerirei di usare concat-with-sourcemaps https://www.npmjs.com/package/concat-with-sourcemaps

var concat = new Concat(true, 'all.js', '\n'); 
concat.add(null, "// (c) John Doe"); 
concat.add('file1.js', file1Content); 
concat.add('file2.js', file2Content, file2SourceMap); 

var concatenatedContent = concat.content; 
var sourceMapForContent = concat.sourceMap;