Copying files

To copy our src/index.html file across, we can use the aptly-named Copy Webpack plugin (copy-webpack-plugin). As its name suggests, this plugin copies individual files or entire directories to the build directory. Let's install it with yarn.

$ yarn add copy-webpack-plugin --dev

And add the plugin to our webpack.config.js.

const webpack = require('webpack');const CopyWebpackPlugin = require('copy-webpack-plugin');module.exports = {  entry: { ... },  output: { ... },  module: { ... },  plugins: [    new CopyWebpackPlugin(['src/index.html'])  ],};

The CopyWebpackPlugin constructor has the following signature:

CopyWebpackPlugin([ ...patterns ], options)

Here,patterns specifies a set of matching files it should copy. We are simply specifying ...

Get Building Enterprise JavaScript Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.