初学vue..每一次使用browserify+vueify+gulp 编译了一下一些简单的demo都得花上15秒左右的时间?这正常吗?
我在尝试学习着做 单文件组件
html:
browserify+vueify
app.js //主要入口文件
var Parent = require('./Parent.vue');
new Vue({
el:'body',
components:{
'parent': Parent
}
});
Parent.vue //第一个单文件组件
helloworld
Child.vue //第二个单文件组件
The Child
gulpfile.js
var gulp = require("gulp");
var browserify = require("browserify");
var source = require("vinyl-source-stream");
var vueify = require("vueify");
gulp.task('vueify', function(){
return browserify('./src/js/app.js')
.transform(vueify)
.bundle().on('error', function(err){
console.log(err.message);
this.emit('end');
})
.pipe(source('bundle.js'))
.pipe(gulp.dest('src/js'));
});

每次都是大概15秒左右,好久啊,这样正常吗?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
好吧!我自己解决了~
通过 更新了npm版本、重新安装了所有依赖 就可以了,之后编译就不会花那么多时间了。
(作为一个初学者我还发现了如果不设置
NODE_ENV=production,会让整个打包后的文件变得很大很大~不需要这些调试信息的话可以设置一下,自己强行mark= =)