Inproppe in Webpack

Webpack voer 'n nou spektrum van take uit. Om die vermoëns uit te brei is dit nodig om bykomende inproppe te installeer en aan te sluit.

Kom ons beskou die algemene algoritme vir die installering en aansluiting van inproppe. Laat ons vir hierdie doel 'n denkbeeldige inprop hê genaamd test-webpack-plugin. Kom ons beskou die werk met inproppe aan die hand van sy voorbeeld (die kode hieronder is net 'n skema, aangesien daar werklik nie so 'n inprop is nie).

Dus, eerstens moet die inprop geïnstalleer word via npm:

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

Daarna moet die inprop in die konfigurasielêer ingevoer word:

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

Dan moet hierdie inprop opgeroep word in die instelling plugins:

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

In die instelling plugins kan daar nie net een inprop wees nie, maar verskeie:

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