グループエラー：TypeError：無効な文字列/バッファーチャンクがありません

Question

gulpを使用していくつかのタスクを自動化しようとしています。

それは私が次のツールを使用していますvue.jsプロジェクトのためにある：

：私はこのエラーを取得しています

• browserify
• vueify
• vuemaker

PS C:\mycode\myfrontend\myvuemaker> .\node_modules\.bin\gulp 
[14:20:57] Using gulpfile C:\mycode\myfrontend\myvuemaker\gulpfile.js 
[14:20:57] Starting 'default'... 
[14:20:57] 'default' errored after 39 ms 
[14:20:57] TypeError: Invalid non-string/buffer chunk 
    at validChunk (_stream_writable.js:185:14) 
    at WriteStream.Writable.write (_stream_writable.js:212:12) 
    at DestroyableTransform.ondata (stream.js:31:26) 
    at emitOne (events.js:77:13) 
    at DestroyableTransform.emit (events.js:169:7) 
    at DestroyableTransform.<anonymous> (C:\mycode\myfrontend\myvuemaker\node_modules\gulp\node_modules\vinyl-fs\node_mo 
dules\through2\node_modules\readable-stream\lib\_stream_readable.js:786:14) 
    at emitNone (events.js:67:13) 
    at DestroyableTransform.emit (events.js:166:7) 
    at emitReadable_ (C:\mycode\myfrontend\myvuemaker\node_modules\gulp\node_modules\vinyl-fs\node_modules\through2\node 
_modules\readable-stream\lib\_stream_readable.js:448:10) 
    at emitReadable (C:\mycode\myfrontend\myvuemaker\node_modules\gulp\node_modules\vinyl-fs\node_modules\through2\node_ 
modules\readable-stream\lib\_stream_readable.js:444:5) 

ここは私ですpackage.json

{ 
    "name": "myvuemaker", 
    "version": "1.0.0", 
    "description": "using vuemaker browserify vueify and gulp", 
    "main": "gulpfile.js", 
    "dependencies": { 
    "babel-core": "^6.10.4", 
    "babel-preset-es2015": "^6.9.0", 
    "browserify": "^13.0.1", 
    "babel-runtime": "^6.9.2", 
    "gulp": "^3.9.1", 
    "gulp-vuemaker": "^1.0.1", 
    "babel-plugin-transform-runtime": "^6.9.0", 
    "vue": "^1.0.26", 
    "vueify": "^8.7.0", 
    "vue-hot-reload-api": "^2.0.5" 
    }, 
    "devDependencies": {}, 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "ISC" 
} 

このコマンドは、

.\node_modules\.bin\browserify -t vueify -e .\mainvue.js -o .\build\bundle.js 

正常に動作します。しかし、私はそれを自動化したいです。ここで

おかげ

Answer 1

は、私が見つけた解決策は以下のとおりです。

gulp = require('gulp'); 
var vuemaker = require('gulp-vuemaker'); 
var fs = require("fs") 
var browserify = require('browserify') 
var vueify = require('vueify') 

gulp.task('componentise', function() { 
    return gulp.src('./lib/**/*.+(js|css|html)') 
     .pipe(vuemaker()) 
     .pipe(gulp.dest('./components/')) 
}); 

gulp.task('browserise', function(){ 
    console.log("browserifying ..."); 
    browserify('./mainvue.js') 
     .transform(vueify) 
     .bundle() 
     .pipe(fs.createWriteStream("build/bundle.js")) 
}); 

gulp.task('default', ['componentise', 'browserise']); 

は、よりよい解決策は、（私は飲み込むために新しいです）はありますか？