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

由于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。。