ys3399盈丰国际官网网址使用vueify编译一次要那么久?

2016/12 01 14:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于ys3399盈丰国际官网网址的点点滴滴

初学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= =

(看完/读完)这篇文章有何感想! 来看看ys3399盈丰国际官网网址是怎么评论的吧!

--转载请注明: ys3399盈丰国际官网_www.ys3399.com_ys3399盈丰国际官网网址 » ys3399盈丰国际官网网址使用vueify编译一次要那么久?

发表评论

(必填)