webpack file loader

1$ npm install file-loader --save-dev
2

1// this is configured outside of the exported webpack configuration code
2const BASE_DIR = resolve(`${__dirname}`);
3
4module.exports = {
5    mode: 'development',
6    devtool: 'eval-source-map',
7    resolve: {
8        modules: [
9            resolve(BASE_DIR),
10            'node_modules'
11        ]
12    },
13    output: {
14        // ...
15        publicPath: '/'
16    },
17
18    module: {
19        rules: [
20            // ...
21            {
22                test: /\.(png|svg|jpg|jpeg|gif|tiff)$/,
23                use: [
24                    'file-loader?name=assets/[name].[ext]'
25                ]
26            },
27            // ...
28        ]
29    }
30    // ...
31}