Dateien kopieren in Webpack

Mit Webpack kann man Dateien vom Projektordner in den Build-Ordner kopieren. Dies geschieht mit dem folgenden Plugin: copy-webpack-plugin.

Lassen Sie es uns installieren:

terminalnpm install copy-webpack-plugin --save-dev

Importieren:

webpack.config.jsimport CopyPlugin from 'copy-webpack-plugin';

Kopieren wir mit diesem Plugin, zum Beispiel ein Favicon:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.resolve('src/favicon.ico'),
          to: path.resolve('dist')
        },
        
      ],
    }),
  ],
};
Задание 1

Installieren Sie das Plugin und erstellen Sie eine Kopie einer beliebigen Datei.

Задание 2

Studieren Sie die Dokumentation des Plugins und lernen Sie, Massenkopien von Dateien durchzuführen.