const { CleanWebpackPlugin } = require('clean-webpack-plugin') const CopyWebpackPlugin = require('copy-webpack-plugin') const HtmlWebpackPlugin = require('html-webpack-plugin') const paths = require('./paths') const path = require('path') module.exports = { // Where webpack looks to start building the bundle entry: { app: './_assets/index.js' }, // Customize the webpack build process plugins: [ // Removes/cleans build folders and unused assets when rebuilding // new CleanWebpackPlugin(), // Copies files from target to destination folder new CopyWebpackPlugin({ patterns: [ { from: paths.public, to: paths.build, globOptions: { ignore: ['*.DS_Store'], }, noErrorOnMissing: true, }, ], }), // Generates an HTML file from a template // Generates deprecation warning: https://github.com/jantimon/html-webpack-plugin/issues/1501 new HtmlWebpackPlugin({ // favicon: paths.src + '/images/favicon.png', template: './_assets/default.html', // template file filename: '../src/_layouts/default.html' // output file }), ], // Determine how modules within the project are treated module: { rules: [ // JavaScript: Use Babel to transpile JavaScript files { test: /\.js$/, use: ['babel-loader'] }, // Images: Copy image files to build folder { test: /\.(?:ico|gif|png|jpg|jpeg)$/i, type: 'asset/resource' }, // Fonts and SVGs: Inline files { test: /\.(woff(2)?|eot|ttf|otf|svg|)$/, type: 'asset/inline' }, ], }, resolve: { modules: [paths.src, 'node_modules'], extensions: ['.js', '.jsx', '.json'], alias: { '@': paths.src, assets: paths.public, }, }, }