React-ace: Kurangi ukuran bundel

Dibuat pada 5 Okt 2017 · 12Komentar · Sumber: securingsincity/react-ace

Saya menganalisis bundle.js menggunakan webpack-bundle-analyzer dan ukurannya hampir setengah dari total bundel. Saya sudah mencoba berbagai rilis react-ace tetapi semuanya memiliki hasil yang sama

screen shot 2017-10-05 at 5 52 26 pm

Bagaimana cara mengurangi ukuran bundel?

help wanted issue with ace

Sumber

fumblehool

👍7 👀5

Komentar yang paling membantu

Brace membuat hingga 66% dari SPA saya yang relatif kompleks dibangun dengan webpack (create-react-app).

Apakah Anda tahu cara mengurangi ukuran brace ? Apakah ada minifikasi agresif yang dapat Anda terapkan? Ini akan sangat membantu

jan-osch pada 23 Okt 2018

👍9

Semua 12 komentar

sayangnya @fumblehool brace dan ace adalah perpustakaan yang sangat besar. Saya ingin sekali menemukan cara untuk mengurangi ukuran bundel juga.

securingsincity pada 10 Okt 2017

Apakah ada cara untuk melakukan ini? Saya akan senang membantu Anda.

fumblehool pada 11 Okt 2017

Saya akan terbuka untuk bantuan apa pun. Saya tidak yakin apa yang mendorong ukuran selain dependensi.

securingsincity pada 12 Okt 2017

Anda dapat membagi bundel Anda pada rute tingkat atas yang menggunakan react-ace.
Misalnya, jika Anda memiliki rute / posting / baru untuk halaman, yang menyertakan editor, Anda dapat memuat komponen halaman secara asinkron dengan System.import.

Di react-router 3 ini dimungkinkan dengan menggunakan getComponent prop pada <Route>

Ini tidak akan menyelesaikan masalah ukuran besar ace dan brace, dan saya pikir tidak ada yang bisa, setiap perpustakaan wysiwyg berukuran besar. Tetapi setidaknya situs web Anda tidak akan memuat data tambahan sebesar 1 mb ini saat tidak diperlukan

ignatevdev pada 17 Okt 2017

Brace membuat hingga 66% dari SPA saya yang relatif kompleks dibangun dengan webpack (create-react-app).

Apakah Anda tahu cara mengurangi ukuran brace ? Apakah ada minifikasi agresif yang dapat Anda terapkan? Ini akan sangat membantu

jan-osch pada 23 Okt 2018

👍9

Menantikan jawaban yang bagus untuk ini.

MarvanN pada 11 Apr 2019

👀7

Saya membuat alat untuk membantu Anda menganalisis paket webpack untuk regresi ukuran, dan melaporkannya langsung ke PR GitHub. Ini gratis untuk open source, jadi mungkin ada baiknya untuk memeriksa dan membantu dalam skenario ini.

https://packtracker.io

jondavidjohn pada 31 Mei 2019

❤1

jadi dengan react-ace v8 kami telah menghentikan dukungan untuk brace dan hanya harus mengimpor file ace yang benar-benar Anda butuhkan. Secara teori ukuran bundel harus lebih kecil tetapi saya belum menguji ini.

securingsincity pada 13 Okt 2019

Tidak juga, itu bahkan sedikit lebih buruk karena brace adalah 640.83KB sedangkan ace-builds adalah 665.48KB.
Itu besar :/

TeoTN pada 23 Okt 2019

ada ide bahwa kami dapat mengurangi ukuran bundel?

rongyadong pada 19 Agu 2020

Saya ingin ukuran bundel dikurangi. Saat ini, saya menggunakan pemisahan kode untuk memuat komponen editor secara lambat.

Srinjoy-Santra pada 11 Okt 2020

Mengalami masalah yang sama di mana ukuran bundel tidak dapat diterima untuk proyek saya. Saya mencoba react-syntax-highlighter karena mereka memiliki versi _light_. Mungkin ada baiknya melihat bagaimana mereka menanganinya. Saya pikir plugin ace sebenarnya lebih baik dan berharap memiliki versi ringan yang serupa.

https://github.com/react-syntax-highlighter/react-syntax-highlighter#light -build