Łączenie plików z npm jako narzędziem do kompilacji

Question

Niedawno odkryłem, że mogę używać npm jako biegacza zadań zamiast łzawić lub chrząkać, wszystko jest fantastyczne do tej pory (lint, rysik, jade, uglify, zegarek itp.), Ale konkatenacja część, nie mogę tego osiągnąć. Z łykiem było coś takiego:

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')); 
}); 

Czy jest jakiś sposób, aby to zrobić z npm?

Aby być bardziej jasne, moim celem jest, aby zrobić coś takiego:

// 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

spróbować tej

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

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

i Don zapomnij o npm install concat

Dzięki poleceniu używać 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

Tak, concat zniknął. Patrzyłem też na to, odsuwając się od łyka do czystego węzła i stwierdziłem, że brakuje tej paczki.

Jako alternatywę używam teraz buildify. Może być lekka przesada, ale działa.

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

Używam concat-files

I zauważyłem tam również concatenate-files

Oba są dość proste.

Należy również pamiętać, pisanie własnego jest dość prosta też:

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

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

Answer 4

Pakiet concat nie jest już dostępny. Proponuję za pomocą 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;