Bagaimana untuk mengelakkan pemampatan kod apabila membina projek menggunakan React-App-Rewired?

Bagaimana untuk membina projek dengan lebih banyak kebolehbacaan menggunakan React-App-Rewired?

Apabila membina projek statik dengan React-App-Rewired, adalah penting untuk memastikan kod itu boleh dibaca, yang memudahkan penyelenggaraan dan pengubahsuaian berikutnya, dan mengelakkan keperluan untuk bergantung kepada pemaju untuk setiap pelarasan. Artikel ini akan menerangkan cara mengkonfigurasi Webpack untuk mengelakkan pemampatan kod.

Penghantaran langsung kod sumber adalah cara yang paling mudah dan paling mudah, tetapi ini tidak semestinya dilaksanakan untuk keselamatan atau sebab -sebab lain. Oleh itu, kita perlu menyesuaikan konfigurasi Webpack.

Kuncinya adalah untuk mengubah suai konfigurasi webpack dan melumpuhkan fungsi pemampatan kod. Ini boleh dicapai dengan menetapkan optimization.minimize harta kepada false . Operasi khusus dijalankan dalam fail config-overrides.js . Tambahkan kod berikut ke fail ini:

 modul.exports = fungsi override (config, env) {
  config.optimization.minimize = false;
  Kembalikan konfigurasi;
};

Melalui pengubahsuaian di atas, React-App-Rewired tidak akan memampatkan kod apabila membina projek itu, dengan itu menyampaikan lebih banyak kod yang boleh dibaca, yang mudah bagi orang lain untuk mengubah dan mengekalkan.

Atas ialah kandungan terperinci Bagaimana untuk mengelakkan pemampatan kod apabila membina projek menggunakan React-App-Rewired?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!