首页 > Web开发 > 详细

webpack打包后bundle.js文件过大的问题

时间:2016-07-06 14:53:17      阅读:245      评论:0      收藏:0      [点我收藏+]

由于webpack将所有的文件合并到一个js文件。因此打包后的文件过大,导致网络请求不畅。

今天尝试了一下webpack打包。结果打出来3.6M。因为之前在本地测试的原因,一直用的webpack -w的命令。

即监控入口文件有无改动,若有改动,则自动编译。

更改命令:webpack -p -w

webpack -p起到压缩的作用。

结果为1.4M。

查阅了一下相关资料。果断用nginx进行gzip压缩。

进入 /usr/local/etc/nginx目录下

打开编辑nginx.conf

配置如下:

  gzip  on;

    gzip_min_length 1k;

    gzip_buffers 16 64k;

    gzip_http_version 1.1;

    gzip_comp_level 6;

    gzip_types text/plain application/javascript text/css application/xml;

    gzip_vary on;

 

最后压缩到282k。。

webpack打包后bundle.js文件过大的问题

原文:http://www.cnblogs.com/douglasvegas/p/5646623.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!