javascript - 使用vueify编译一次要那么久?

 80后之多管闲事 发布于 2022-11-26 23:34

初学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 //第一个单文件组件




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



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秒左右,好久啊,这样正常吗?

1 个回答
  • 好吧!我自己解决了~

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

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

    2022-11-27 00:23 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有