我编写了一个gulp任务,使用watchify和babelify作为转换将我的.jsx和.js脚本编译成一个包.出于某种原因,我的gulp脚本似乎对变换感到窒息,我不知道为什么：
- gulp.task('browserify',function() {
- var bundle = watchify(browserify('./app/jsx/client/index.jsx',{
- extensions: ['.js','.jsx'],debug: process.env.NODE_ENV === 'development'
- }));
- bundle.transform(babelify);
- bundle.on('update',function() {
- rebundle(bundle);
- });
- function rebundle(bundle) {
- return bundle.bundle()
- .on('error',function(error) {
- console.log(error.stack,error.message);
- this.emit('end');
- })
- .pipe(
- gulpif(
- (process.env.NODE_ENV == 'production'),require('gulp-rename')('bundle.min.js'),require('gulp-rename')('bundle.js')
- )
- )
- .pipe(gulpif((process.env.NODE_ENV == 'production'),buffer()))
- .pipe(gulpif((process.env.NODE_ENV == 'production'),uglify()))
- .pipe(gulp.dest('dist/js'));
- }
- return rebundle(bundle);
- });
在控制台……
- path.js:8
- throw new TypeError('Path must be a string. Received ' +
- ^
- TypeError: Path must be a string. Received undefined
- at assertPath (path.js:8:11)
- at Object.posix.join (path.js:480:5)
- at Transform.stream._transform (/home/zipp/search-admin/node_modules/gulp-rename/index.js:52:22)
- at Transform._read (_stream_transform.js:167:10)
- at Transform._write (_stream_transform.js:155:12)
- at doWrite (_stream_writable.js:292:12)
- at writeOrBuffer (_stream_writable.js:278:5)
- at Transform.Writable.write (_stream_writable.js:207:11)
- at Readable.ondata (/home/zipp/search-admin/node_modules/browserify/node_modules/read-only-stream/node_modules/readable-stream/lib/_stream_readable.js:572:20)
- at emitOne (events.js:77:13)
- at Readable.emit (events.js:169:7)
解决方法
那个错误是因为你需要一个
vinyl-source-stream. .bundle()的结果是文件数据的标准节点流.您正在将数据传递给重命名,这需要Gulp File对象流.
- var source = require('vinyl-source-stream');
- // stuff
- function rebundle(bundle) {
- return bundle.bundle()
- .on('error',// Use 'source' here instead,which converts binary
- // streams to file streams.
- source('bundle.min.js'),source('bundle.js')
- )
- )
- .pipe(gulpif((process.env.NODE_ENV == 'production'),uglify()))
- .pipe(gulp.dest('dist/js'));
- }
