Webpackでのファイルコピー

Webpackを使用して、 プロジェクトフォルダーからビルドフォルダーへ ファイルをコピーすることができます。 これは、次のプラグインを使用して行われます: copy-webpack-plugin。

インストールしましょう:

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

インポートします:

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

このプラグインを使用して、 例えば、ファビコンをコピーしましょう:

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