Webpack farklı js girdileri için farklı yükleyiciler

Question

Farklı bir yükleyici grubuyla ikinci bir giriş yükleyebilir misiniz? Örneğin, çevrimdışı önbelleğe alma için bir hizmet çalışanı oluşturmaya çalışıyorum. Hizmet çalışanını içeren klasörü diğerini hariç tuttum. Service-worker.js'ye çağrı yok (sadece statik index.html dosyasında manuel olarak yüklenir). Servis-işçi giriş noktası, sadece Babil'den geçerek tepki ve sıcak yükleyiciyi toplamaktır. İşte yapılandırmamın göze çarpan kısımları.

entry: { 
    app: "app.js", 
    'service-worker': 'persistence/service-worker.js' 
}, 
module: { 
    loaders:[{ 
     test: /\.js|\.jsx/, 
     loaders: ["react-hot", "jsx?harmony", "babel"], 
     exclude: /persistence/ 
    }, { 
     test: /service\-worker\.js/, 
     loaders: ["babel"], 
     include: /persistence/ 
    }] 

Answer 1

Dosya yükleyiciyi kullanarak (js dosyalarını ön işlemek için babel-loader ile) yerleştim. Hot-loader'ın yanı sıra üretim Docker/Node ortamlarında çalışıyor.

loaders: { 
    { 
    test: /\.(js|jsx)$/, 
    include: [/src/,/bower_components/], 
    exclude: [/persistence/], 
    loader: 'jsx?harmony!babel' 
    }, { 
    test: /\.js$/, 
    include: [/persistence/], 
    loader: 'file?name=[name].[ext]!babel' 
    }, 
    ... 
}, 

Bu yapılandırma sitenin kök içine Servis İşçi dosyaları üzerinde normal bir JS dosyaları ve ayrı kopyalar klasörü dışlar.