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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM