Jak polyfillować przynosić i obiecywać za pomocą pakietu internetowego 2?

Question

Jak polyfillować fetch i promise dla Webpack 2?

Mam wiele punktów wejścia, więc Webpack 1-way, aby dodać je przed każdym punktem wejścia nie jest pożądanym rozwiązaniem.

Answer 1

Być może nie rozumiem poprawnie, ale czy nie możesz po prostu dodać babel-polyfill przed resztą punktów wejścia w konfiguracji komputera?

module.exports = { 
    entry: ['babel-polyfill', './app/js', '/app/js/whatever'] 
}; 

Answer 2

Niezależnie od tego, ile punktów wejściowych trzeba, trzeba mieć osobny plik dla plików dostawców, takich jak ramy (reagują, kątowe, whatevs) oraz wszelkich bibliotek zawsze trzeba jednak rzadko się zmieni. Chcesz je jako osobny pakiet, aby można było go buforować. Ten pakiet powinien zawsze być załadowany. Wszystko, co umieścisz w tym pakiecie, będzie zawsze dostępne, ale nigdy nie będzie powtarzane w porcjach, jeśli użyjesz go z commonChunksPlugin.

Oto próbka z aplikacji robiłem (tylko pokazując odpowiednie opcje konfiguracyjne):

module.exports = { 
    entry: { 
    client: 'client', 
    vendor: [ 
     'react', 
     'react-addons-shallow-compare', 
     'react-addons-transition-group', 
     'react-dom', 
     'whatwg-fetch' 
    ] 
    }, 
    output: { 
    path: `${__dirname}/dist`, 
    filename: '[name].js', 
    publicPath: '/build/' 
    }, 
    plugins: [ 
    new webpack.optimize.CommonsChunkPlugin({ 
     names: ['vendor', 'manifest'] 
    }) 
    ] 
}