Как настроить браузер на использование сжатых файлов gzip в приложении reactjs? - PullRequest
0 голосов
/ 06 февраля 2020

Я пытаюсь оптимизировать свое реагирующее веб-приложение, используя сжатие gzip. Я смог добавить плагин webpack и сделать сжатие. Но мой браузер, похоже, не использует сжатые файлы. Пожалуйста, помогите мне, так как я новичок, чтобы реагировать. Также обратите внимание, что я использую нейтрино js. Ниже я приведу статистику своих пакетов.

                    Asset       Size  Chunks                                Chunk Names
                   assets/0.3fce4eb2.js   34.2 KiB       0  [emitted] [immutable]         
                assets/0.3fce4eb2.js.br   8.64 KiB          [emitted]                     
                assets/0.3fce4eb2.js.gz    9.6 KiB          [emitted]                     
               assets/0.3fce4eb2.js.map    133 KiB       0  [emitted] [dev]               
                   assets/1.289d6022.js   33.9 KiB       1  [emitted] [immutable]         
                assets/1.289d6022.js.br   8.46 KiB          [emitted]                     
                assets/1.289d6022.js.gz   9.53 KiB          [emitted]                     
               assets/1.289d6022.js.map   98.1 KiB       1  [emitted] [dev]               
                  assets/1.2db4754f.css   99 bytes       1  [emitted] [immutable]         
              assets/1.2db4754f.css.map  238 bytes       1  [emitted] [dev]               
                  assets/10.b8f7f8a6.js   14.6 KiB      10  [emitted] [immutable]         
               assets/10.b8f7f8a6.js.br   5.12 KiB          [emitted]                     
               assets/10.b8f7f8a6.js.gz   5.68 KiB          [emitted]                     
              assets/10.b8f7f8a6.js.map   52.5 KiB      10  [emitted] [dev]               
                  assets/11.14cee74f.js  856 bytes      11  [emitted] [immutable]         
              assets/11.14cee74f.js.map   3.07 KiB      11  [emitted] [dev]               
                 assets/11.74159567.css   7.27 KiB      11  [emitted] [immutable]         
              assets/11.74159567.css.br   1.42 KiB          [emitted]                     
              assets/11.74159567.css.gz   1.66 KiB          [emitted]                     
             assets/11.74159567.css.map   8.37 KiB      11  [emitted] [dev]               
                  assets/12.6d40dbcc.js   1.33 KiB      12  [emitted] [immutable]         
               assets/12.6d40dbcc.js.br  671 bytes          [emitted]                     
               assets/12.6d40dbcc.js.gz  787 bytes          [emitted]                     
              assets/12.6d40dbcc.js.map   1.96 KiB      12  [emitted] [dev]               
                  assets/13.3d0e5b84.js   22.4 KiB      13  [emitted] [immutable]         
               assets/13.3d0e5b84.js.br   5.71 KiB          [emitted]                     
               assets/13.3d0e5b84.js.gz   6.55 KiB          [emitted]                     
              assets/13.3d0e5b84.js.map   87.2 KiB      13  [emitted] [dev]               
                  assets/14.52749a43.js   8.25 KiB      14  [emitted] [immutable]         
               assets/14.52749a43.js.br   2.44 KiB          [emitted]                     
               assets/14.52749a43.js.gz   2.84 KiB          [emitted]                     
              assets/14.52749a43.js.map   19.6 KiB      14  [emitted] [dev]               
                  assets/15.05afd908.js   21.1 KiB      15  [emitted] [immutable]         
               assets/15.05afd908.js.br   7.48 KiB          [emitted]                     
               assets/15.05afd908.js.gz   9.68 KiB          [emitted]                     
              assets/15.05afd908.js.map    154 KiB      15  [emitted] [dev]               
                   assets/2.25cbca89.js  252 bytes       2  [emitted] [immutable]         
               assets/2.25cbca89.js.map  547 bytes       2  [emitted] [dev]               
                  assets/3.36420eb7.css  618 bytes       3  [emitted] [immutable]         
              assets/3.36420eb7.css.map  938 bytes       3  [emitted] [dev]               
                   assets/3.6d75eeb4.js   22.2 KiB       3  [emitted] [immutable]         
                assets/3.6d75eeb4.js.br   6.07 KiB          [emitted]                     
                assets/3.6d75eeb4.js.gz   6.91 KiB          [emitted]                     
               assets/3.6d75eeb4.js.map   62.9 KiB       3  [emitted] [dev]               
                   assets/4.aa3c9f8e.js   81.1 KiB       4  [emitted] [immutable]         
                assets/4.aa3c9f8e.js.br   16.2 KiB          [emitted]                     
                assets/4.aa3c9f8e.js.gz   18.5 KiB          [emitted]                     
               assets/4.aa3c9f8e.js.map    265 KiB       4  [emitted] [dev]               
                  assets/4.de23ee90.css   90 bytes       4  [emitted] [immutable]         
              assets/4.de23ee90.css.map  259 bytes       4  [emitted] [dev]               
                   assets/7.0b2209a3.js   4.22 MiB       7  [emitted] [immutable]  [big]  
                assets/7.0b2209a3.js.br    940 KiB          [emitted]              [big]  
                assets/7.0b2209a3.js.gz   1.19 MiB          [emitted]              [big]  
               assets/7.0b2209a3.js.map   14.6 MiB       7  [emitted] [dev]               
                  assets/7.59caa759.css    259 KiB       7  [emitted] [immutable]  [big]  
               assets/7.59caa759.css.br   23.6 KiB          [emitted]                     
               assets/7.59caa759.css.gz   30.6 KiB          [emitted]                     
              assets/7.59caa759.css.map    314 KiB       7  [emitted] [dev]            

Я действительно не знаю, почему файлов так много, потому что я видел только 2-4 файла в примерах. Но я вижу, что есть сжатые файлы gzip и brotli. Но браузер говорит, что нет никакого кодирования контента. Я только добавил плагин в конфигурационный файл, и я думаю, что есть чем заняться. Также я запускаю это локально. Пожалуйста, помогите мне с тем, что могло пойти не так. Спасибо.

chrome says no content-encoding

1 Ответ

0 голосов
/ 06 февраля 2020

Если у вас есть express js бэкэнд, вы можете сделать что-то вроде ниже с помощью пакета package.in в вашем основном файле js.

const compression = require('compression')

app.use(compression())

пакет сжатия

...