初学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秒左右,好久啊,这样正常吗?
好吧!我自己解决了~
通过 更新了npm版本、重新安装了所有依赖 就可以了,之后编译就不会花那么多时间了。
(作为一个初学者我还发现了如果不设置NODE_ENV=production
,会让整个打包后的文件变得很大很大~不需要这些调试信息的话可以设置一下,自己强行mark= =)