Gunakan webpack untuk memuatkan semua fail dalam direktori tanpa memerlukan pernyataan memerlukan

Question

Saya mempunyai sejumlah besar fail javascript yang tersebar di 4 subdirektori aplikasi saya. Dalam dengusan saya mengumpul semuanya dan menyusunnya ke dalam satu fail. Tiada fungsi module.exports untuk fail ini.

Saya mahu membahagikannya kepada 4 bahagian menggunakan webpack. Saya tidak mahu merujuk semua fail secara manual.

Saya ingin mencipta pemalam yang menjalankan pepohon direktori pada masa penyusunan dan mendapat semua nama dan laluan fail .js, kemudian merujuk semua fail dalam subdirektori dan menambahkannya pada output.

Saya mahu semua fail dalam setiap direktori disusun menjadi modul yang kemudiannya boleh dirujuk daripada fail entri saya atau disertakan seperti yang dinyatakan dalam http://webpack.github.io/docs/plugins.html dalam sumber.

Apabila menambah fail baharu, saya hanya mahu memasukkannya ke dalam direktori yang betul dan tahu ia akan disertakan.

Adakah terdapat cara untuk mencapai ini menggunakan pek web atau pemalam yang ditulis oleh orang lain?

Answer 1

Dalam fail apl saya akhirnya saya meletakkan require

require.context(
  "./common", // 上下文文件夹
  true, // 包括子目录
  /.*/ // 正则表达式
)("./" + expr + "")

Terima kasih untuk siaran ini: https://github.com/webpack/webpack/issues/118

Kini ia sedang menambahkan semua fail saya. Saya mempunyai pemuat untuk html dan css yang nampaknya berfungsi dengan baik.

Answer 2

Inilah yang saya lakukan untuk mencapai matlamat ini:

function requireAll(r) { r.keys().forEach(r); }
requireAll(require.context('./modules/', true, /\.js$/));