webpack.config.js

const path = require('path');
const TerserJSPlugin = require('terser-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');

module.exports = {
	entry: {
		chart: path.resolve(__dirname, 'src/index.js'),
	},
	output: {
		path: path.resolve(__dirname, 'dist'),
		filename: '[name].js',
		// publicPath: 'dist/',
	},

	module: {
		rules: [
			{
				test: /\.jsx?/,
				loader: 'babel-loader',
			},
			{
				test: /\.scss?/,
				use: [
					MiniCssExtractPlugin.loader,
					'css-loader',
					'sass-loader',
				],
			},
			{
				test: /\.svg/,
				use: [{
					// loader: 'svg-url-loader',
					loader: 'url-loader',
				}],
			}
		]
	},

	// optimization: {
	// 	minimizer: [
	// 		new TerserJSPlugin({}),
	// 		new OptimizeCSSAssetsPlugin({})
	// 	],
	// },

	plugins: [
		new MiniCssExtractPlugin({
			filename: '[name].css',
		}),
	],
}