webpack.config.js
import HtmlWebpackPlugin from 'html-webpack-plugin';
export default {
mode: process.env.NODE_ENV || 'development',
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env'],
},
},
},
{ test: /\.css$/, use: ['style-loader', 'css-loader', 'postcss-loader'] },
{
test: /\.scss$/,
use: ['style-loader', 'css-loader', 'sass-loader', 'postcss-loader'],
},
{
test: /\.woff2?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
use: 'url-loader?limit=10000',
},
{
test: /\.(ttf|eot|svg)(\?[\s\S]+)?$/,
use: 'file-loader',
},
],
},
plugins: [
new HtmlWebpackPlugin({
template: 'template.html',
favicon: './src/favicon.ico',
}),
],
output: {
clean: true,
},
};