Tag: concat

如何使用gruntjs连接string和文件

使用grunt可以连接string吗? 我知道我可以像这样连接<banner> : concat: { dist: { src: [ '<banner>', '<file_strip_banner:public/src/js/lib/underscore.js>', '<file_strip_banner:public/src/js/lib/jquery.js>' ], dest: 'public/js/all.js' } } 但是当我在meta声明其他variables时,他们只是被忽略。 谢谢

吞咽相关任务

为了构buildWeb应用程序的最终JS源代码,我正在编译JavaScript模板,CoffeScript源代码和vanilla JS供应商脚本。 最后的任务依赖于前三者,然后将脚本连接成一个文件。 在下面的设置中,我定义了前三个依赖关系的最后一个任务,最后一步从不执行。 看来,进程不会等到部分文件写入光盘。 我尝试合并事件stream,但似乎是这样的事情矫枉过正。 如果有人能在这里指出我正确的方向,我将不胜感激。 // compile JS templates gulp.task('js-build-template', function() { gulp.src('./../app/assets/javascripts/**/*.jst.eco') .pipe(eco({ basePath: 'app/assets/javascripts', namespace: 'JST_ATL' })) .pipe(concat('_templates.js')) .pipe(gulp.dest('public/assets/scripts/partials')); }); // compile CoffeeScript source gulp.task('js-build-source', function() { gulp.src(js.source) .pipe(coffee()) .pipe(concat('_source.js')) .pipe(gulp.dest('public/assets/scripts/partials')); }); // compile vendor scripts gulp.task('js-build-vendor', function() { gulp.src(js.vendor) .pipe(concat('_vendor.js')) .pipe(gulp.dest('public/assets/scripts/partials')); }); // concatenate and fingerprint files gulp.task('js-build', [ 'js-build-template', […]

连接或合并node.js中文件的最佳方式

所以我一直在寻找在node.js中连接n(log)文件的最佳方式。最终的文件不能超过100MB,如果有更多的,我应该创build另一个,等等。 我有一些不同的方法: 使用grunt和grunt和https://www.npmjs.com/package/grunt-contrib-concat 像buldify一样使用简单的npm https://github.com/powmedia/buildify 从头开始使用fs node.js模块 我想知道你是否可以把我的一些经验抛给我,而且这个问题对未来的某个人可能是有用的。 干杯!

把Gulp的消息传递给gulp-coffee,gulp-concat和webpack-stream

我有这个代码: var gulp = require('gulp'); var webpack = require('webpack-stream'); var coffee = require('gulp-coffee'); var concat = require('gulp-concat'); gulp.task('webpack', function() { gulp.src('*/lib/*.coffee', { base: '.' }) .pipe(coffee({ bare: true })) .pipe(concat('app.js')) .pipe(webpack()) .pipe(gulp.dest('.')); }); 但是,它到达webpack()时webpack() 。 我怎样才能使从concat()传递给webpack()成功运行? 我还假设,如果我删除了concat()pipe道,并直接从coffee()到webpack() ,那么我最终会得到由webpack()处理的多个文件,而不是一个单一的,对吧? 我尝试使用Webpack的coffee-loader ,但由于某些原因,它输出内容bare: false (当我看着输出文件),即使在实际的包,它似乎是硬编码输出bare: true 。 所以这就是为什么我使用gulp-coffee 。

如何debugginggulp-sourcemaps不做任何事情?

对于gulp-sourcemaps我有一个相当标准的用例 https://github.com/floridoo/gulp-sourcemaps gulp.src( bundle.src) .pipe(sourcemaps.init()) .pipe(concat(bundle.dst + '.' + opts.ext)) .pipe(uglify()) .pipe(sourcemaps.write()) .pipe(gulp.dest('./public/built')); 这产生适当的连接和丑化的文件。 但是没有源图添加到他们。 bundle.src是一个文件path的数组。 不知道如何debugging这个。

Uglify使用Gulp来缩小和生成源图

有人可以解释如何uglify,然后concat,并最终使用gulp生成源地图? 我似乎无法得到它的工作。 我没有看到关于这个API的任何东西,但在我看来,它应该得到支持。 重点是生成源地图,并在设置断点时使用源文件。 我曾尝试将concat首先放在下面的代码中,但是当我这样做时,断点在chrome浏览器中不起作用。 我在用 concat = require('gulp-concat'),和uglify = require('gulp-uglify') 。 gulp.src(['src/app.js', 'src/**/*.js']) .pipe(sourcemaps.init()) .pipe(uglify({ compress: { negate_iife: false } })) .pipe(concat("app.concat.js")) .pipe(rename('app.min.js')) .pipe(sourcemaps.write('./')) .pipe(gulp.dest('public/js'));