Projek semasa ialah aplikasi berbilang halaman. Alat bahagian hadapan yang digunakan ialah angular1.x dan Webpack. Untuk menukar kepada SPA. Rancang untuk menggunakan angular-ui-router untuk pengurusan penghalaan.
Masalahnya ialah pembungkusan semua fail menjadi satu terlalu besar. Ideanya adalah untuk hanya membungkus vendor.js ke dalam perpustakaan kelas ketiga dan app.js yang berkaitan dengan logik perniagaan tertentu
Contohnya, untuk halaman log masuk, saya hanya mahu memuatkan vendor.js dan login.js dan kemudian log masuk ke halaman papan pemuka. Saya juga hanya mahu memuatkan vendor.js dan dashborard.js. Sama seperti ini
Bagaimana untuk mengkonfigurasi angular-ui-router dan webpack, terima kasih.
Anggap struktur direktori anda seperti ini
Blok Kod
common/utils.js
log masuk/index.js
papan pemuka/index.js
Untuk mendapatkan hasil yang anda jangkakan,
webpack.config.js
konfigurasikan seperti berikut:Hasil akhir selepas pembungkusan
Seperti di atas. . .
Pecahan kod rujukan
Saya kini boleh menggunakan webpack untuk menjana js yang diperlukan. Bagaimana untuk memperkenalkan pelbagai js dalam kombinasi dengan angular-ui-router? Terima kasih
Saya temui artikel tentang pemuatan atas permintaan sudut
http://www.cnblogs.com/ys-ys/..., berdasarkan ui-router, ocLazyLoad
nampaknya memenuhi keperluan saya. Terima kasih