Wtyczki w Webpack
Webpack wykonuje wąskie spektrum zadań. Dla rozszerzenia możliwości trzeba instalować i podłączać dodatkowe wtyczki.
Przyjrzyjmy się ogólnemu algorytmowi instalacji i podłączania wtyczek. Niech dla tego mamy jakąś wyimaginowaną wtyczkę test-webpack-plugin. Przyjrzyjmy się pracy z wtyczkami na jej przykładzie (kod poniżej - po prostu schemat, ponieważ takiej wtyczki realnie nie ma).
A więc, na początku wtyczkę trzeba zainstalować przez npm:
npm install test-webpack-plugin --save-dev
Po tym wtyczkę trzeba zaimportować do pliku konfiguracji:
import TestWebpackPlugin from 'test-webpack-plugin';
Następnie tę wtyczkę trzeba wywołać
w ustawieniu plugins:
export default {
entry: './src/index.js',
plugins: [new TestWebpackPlugin()],
};
W ustawieniu plugins może być
nie jedna wtyczka, a kilka:
export default {
entry: './src/index.js',
plugins: [
new TestWebpackPlugin1(),
new TestWebpackPlugin2()
],
};