1

我正在构建一个在多个内容页面中使用 Vuejs 的 Chrome 扩展，我很难配置 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 一起使用。

4

0 回答 0