WebPack yapılandırma

Question

aşağıdaki görev var - Ben manzaralı klasör var:

--views 
----view1 
------view1.js 
------view1.html(or jade) 
----view2 
------view2.js 
------view2.html(or jade) 

Yani, şu çıktıyı oluşturabilir WebPack için basit yapılandırma, oluşturmanız gerekir 'genel' klasörü:

--public 
----js 
------view1.js 
------view2.js 
----view1.html 
----view2.html 

ben onunla çoklu giriş noktalarını kullanabilirsiniz, anlayıp:

entry: { 
    view1: './views/view1/view1' 
    view2: './views/view2/view2 
    } 

Ayrıca anladım, HtmlWebpackPlugin kullanarak public/view1.html paketini (public/js/view1.js) enjekte edebilirim. Peki ya birden fazla noktaya ne dersin? Her html görünümü için HtmlWebpackPlugin eklemeliyim? Şimdiden teşekkürler!

Answer 1

Oluşturmak istediğiniz her .html sayfa için birden çok HtmlWebpackPlugin bölümü eklemeniz gerekir.

İşte benim kendi yapılandırma örneği verilmiştir: Eğer her sayfa için gereken tek kaynak seçmenize olanak sağlar, çünkü

plugins: [ 
    new HtmlWebpackPlugin({ 
    title: 'SearchView', 
    chunks: ['manifest', 'vendor', 'searchView'], 
    template: `${PATHS.app}/index.ejs`, // Load a custom template 
    inject: 'body', // Inject all scripts into the body 
    filename: 'searchView.html' 
    }), 
    new HtmlWebpackPlugin({ 
    title: 'TicketView', 
    chunks: ['manifest', 'vendor', 'ticketView'], 
    template: `${PATHS.app}/index.ejs`, // Load a custom template 
    inject: 'body', // Inject all scripts into the body 
    filename: 'ticketView.html' 
    }) 
] 

chunks mülkiyet anahtarıdır.