Saya memiliki tumpukan laravel-vue untuk proyek saya. Saat membangun dengan mix itu membagi kode menjadi dua file utama

vendor.js
app.js

Selain itu ada sekitar 60 file yang dibuat sebagai potongan seperti

0.js
1.js
2.js
...

61.js

Bagaimana cara memberi tahu webpack untuk mengikat potongan-potongan ini ke dalam satu file. Apakah webpack pecah menjadi beberapa bagian untuk setiap komponen baru sebagai isyarat?

1
Abhiraj Tulsyan 31 Mei 2020, 22:05

1 menjawab

Jawaban Terbaik

Anda dapat memodifikasi berapa banyak potongan yang Anda inginkan dalam file konfigurasi webpack Anda (contohnya dari file vue.config.js) seperti ini:

module.exports = {
  configureWebpack: {
    optimization: {
      splitChunks: {
        minSize: 10000,
        maxSize: 250000,
      }
    }
  },
};

Saya tidak tahu ukuran file Anda, tetapi jika Anda meningkatkan maxSize sesuai kebutuhan, Anda dapat memiliki satu file.

1
Alim Giray Aytar 31 Mei 2020, 19:13