Плагинҳо дар Webpack

Webpack спектри тангро иҷро мекунад. Барои васеъ кардани имкониятҳо лозим аст насб ва пайваст кардани плагинҳои иловагӣ .

Биёед алгоритми умумии насб ва пайваст кардани плагинҳоро дида бароем. Бигзор барои ин мо плагини хайолии test-webpack-plugin дошта бошем. Биёед кор бо плагинҳоро дар мисоли он дида бароем (коди дар поён - танҳо схема аст, зеро воқеан чунин плагин вуҷуд надорад).

Пас, барои оғоз плагинро бояд тавассути npm насб кард:

terminalnpm install test-webpack-plugin --save-dev

Пас аз ин плагинро бояд ба файли конфигуратсия ворид кард:

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

Сипас ин плагинро бояд дар танзимоти plugins фарохонед:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [new TestWebpackPlugin()],
};

Дар танзимоти plugins метавонад танҳо як плагин набошад, балки якчанд:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new TestWebpackPlugin1(),
    new TestWebpackPlugin2()
  ],
};