以下是我的watchify
操作,可以动态编译我的所有.js
修改,但我在app.js
中引入了一个.vue
的组件,一旦在watchify
下进行了修改,就会报错,假设这被修改的组件是parent.vue
,那么报错如下:
Failed to mount component: template or render function not defined.
(found in <Parent>)
`
我想就是因为如上所说,在watchify
时候不能动态编译.vue
文件输出到bundle.js
中去,有什么办法来实现这个目的吗?
因为项目原因,不能采取开启一个localhost server
的方法。(所以其他有什么解决办法吗?)
gulp.task('test', function(){
let entries = ['app.js']
let opts = Object.assign({}, watchify.args, {entries})
let w_browser = watchify(browserify(opts))
function bundle () {
return w_browser.transform(vueify)
.transform("babelify", {presets: ["es2015"]})
.transform(browserifyShim)
.bundle()
.pipe(source('bundle.js'))
.pipe(buffer())
.pipe(gulp.dest('./'));
}
bundle()
w_browser.on('update', bundle)
});
https://github.com/dolymood/b...
可以参考下