() 使用vueify编译一次要那么久?

初学vue..每一次使用browserify+vueify+gulp 编译了一下一些简单的demo都得花上15秒左右的时间?这正常吗?

我在尝试学习着做 单文件组件

html:

<!DOCTYPE html>
<html> <head> <meta charset="utf-8" /> <title>browserify+vueify</title> </head> <body> <parent></parent> <script src="lib/js/vue.js"></script> <script src="js/bundle.js"></script> </body> </html>

app.js //主要入口文件

var Parent = require./Parent.vue;
new Vue{ el:body, components:{ parent: Parent }
};

Parent.vue //第一个单文件组件

<template> <div id="box"> <div>helloworld</div> <child></child> </div>
</template> <script>
module.exports = { components : { child : require./Child.vue }
}
</script>

Child.vue //第二个单文件组件

<template> <div>The Child</div>
</template>
<script> module.exports = { methods: { test: function { console.logrun it.; } }
} </script>

gulpfile.js

var gulp = require"gulp";
var browserify = require"browserify";
var source = require"vinyl-source-stream";
var vueify = require"vueify"; gulp.taskvueify, function{ return browserify./src/js/app.js .transformvueify .bundle.onerror, functionerr{ console.logerr.message; this.emitend; } .pipesourcebundle.js .pipegulp.destsrc/js;
};

每次都是大概15秒左右,好久啊,这样正常吗?

好吧!我自己解决了~

通过 更新了npm版本重新安装了所有依赖 就可以了,之后编译就不会花那么多时间了。

作为一个初学者我还发现了如果不设置NODE_ENV=production,会让整个打包后的文件变得很大很大~不需要这些调试信息的话可以设置一下,自己强行mark= =

发表评论

电子邮件地址不会被公开。 必填项已用*标注