Gulp任务以配置VueJS

我正在构建一个Chrome扩展，在几个内容页中使用Vuejs，我很难配置gulpfile，因为我无法引用main.js中的文件。问题是它找不到

/app.vue

，就好像没有定义位置一样

这是我的配置

// generated on 2017-01-30 using generator-chrome-extension 0.6.1
import gulp from 'gulp';
import gulpLoadPlugins from 'gulp-load-plugins';
import del from 'del';
import runSequence from 'run-sequence';
import {stream as wiredep} from 'wiredep';
var fs = require("fs")
var browserify = require('browserify')
var vueify = require('vueify')
var babelify = require('babelify')
var aliasify = require('aliasify')
// var nodeSass = require('node-sass')

const $ = gulpLoadPlugins();

gulp.task('vueify', () => {
  return browserify({
    entries:['./app/recorder/main.js'],
  })
  .transform(vueify)
  .transform(babelify)
  .bundle()
  .pipe(fs.createWriteStream("app/scripts/recorder.js"))
})

我正在寻找资源，以找到一个解决方案，构建一个监视vue更改并应用转换的任务。我已经在webpack上构建了我的应用程序，但由于客户端的变化，我不得不让它与gulp一起工作