vue.js - Bagaimanakah Laravel Elixir membungkus fail secara berasingan?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-16 16:47:18
0
1
819

Fail yang dibungkus oleh mix.webpack('main.js') terlalu besar. Bagaimana untuk membungkus fail pergantungan dan fail program secara berasingan? Memohon petunjuk dari Allah

曾经蜡笔没有小新
曾经蜡笔没有小新

membalas semua(1)
Ty80

Sila rujuk: Pengekstrakan Vendor pengenalan dokumentasi Laravel Mix: http://d.laravel-china.org/do...

Satu kelemahan yang berpotensi untuk menggabungkan JavaScript aplikasi anda dengan perpustakaan bergantung ialah ia menjadikan caching jangka panjang lebih sukar. Sebagai contoh, kemas kini berasingan kepada kod aplikasi akan memaksa penyemak imbas untuk memuat turun semula semua perpustakaan bergantung, walaupun ia tidak berubah.

Jika anda merancang untuk kerap mengemas kini JavaScript aplikasi anda, anda harus mempertimbangkan untuk mengekstrak semua perpustakaan bergantung ke dalam fail berasingan. Dengan cara ini, perubahan pada kod aplikasi tidak menjejaskan cache fail vendor.js. Kaedah ekstrak Mix memudahkan:

mix.js('resources/assets/js/app.js', 'public/js')
   .extract(['vue'])
Kaedah

ekstrak menerima tatasusunan semua perpustakaan atau modul bergantung yang anda ingin ekstrak ke dalam fail vendor.js. Menggunakan coretan kod di atas sebagai contoh, Mix akan menjana fail berikut:

  • public/js/manifest.js: Masa jalan paparan pek web

  • public/js/vendor.js: perpustakaan bergantung

  • public/js/app.js: kod permohonan

Untuk mengelakkan ralat JavaScript, pastikan anda memuatkan fail ini dalam susunan yang betul:

<script src="/js/manifest.js"></script>
<script src="/js/vendor.js"></script>
<script src="/js/app.js"></script>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan