ES2015无法使用gulp-browserify和vueify

Question

我正在使用node.js中的一个网站，我使用的是使用gulp编译的vueify，但它不起作用。我尝试使用babelify来处理ES2015，但是当我想使用import App from './App.vue'时，Gulp仍然会给我错误

这是我的代码

var gulp = require('gulp');
var plumber = require('gulp-plumber');
var path = require('path');
var browserify = require('browserify');
var vueify = require('vueify');

gulp.task('build', function() {
return gulp.src(path.join(resDir, 'vue/main.js'))
.pipe(browserify({ transform: ['vueify', 'babelify'], debug: true }))
.pipe(gulp.dest(path.join(destDir, 'javascript')))
});

和main.js

import VueResource from 'vue-resource'
import Vue from 'vue'
import App from './App.vue'

Vue.config.devtools = true

Vue.use(VueResource)

/* eslint-disable no-new */
new Vue({
  el: 'body',
  components: { App }
})