webpack-deadcode-plugin/samples/webpack.config.js

Webpack plugin to detect unused files and unused exports in used files

const webpack = require("webpack");
const DeadCodePlugin = require("../src/index");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
	entry: [`webpack-hot-middleware/client?path=http://localhost:3000/__webpack_hmr`, "./index.js"],
	target: "web",
	devtool: "source-map",

	output: {
		path: __dirname,
		filename: "bundle.js",
	},

	mode: "development",

	optimization: {
		usedExports: true,
	},

	module: {
		rules: [
			{
				test: /\.js|jsx$/,
				loader: "babel-loader",
				options: {
					babelrc: false,
					presets: [],
					plugins: [
						[
							"@babel/plugin-transform-react-jsx",
							{
								pragma: "createElement",
							},
						],
						"@babel/plugin-syntax-dynamic-import",
						"@babel/plugin-syntax-import-meta",
						"@babel/plugin-proposal-class-properties",
						"@babel/plugin-proposal-json-strings",
						[
							"@babel/plugin-proposal-decorators",
							{
								legacy: true,
							},
						],
						"@babel/plugin-proposal-function-sent",
						"@babel/plugin-proposal-export-namespace-from",
						"@babel/plugin-proposal-numeric-separator",
						"@babel/plugin-proposal-throw-expressions",
					],
				},
			},
			{
				test: /\.css$/,
				use: [
					{
						loader: "style-loader",
						options: {
							esModule: true,
						},
					},
					{
						loader: "css-loader",
						options: {
							esModule: true,
							modules: true,
						},
					},
				],
			},
		],
	},
	plugins: [
		new DeadCodePlugin({
			patterns: ["*.(js|css)"],
			exclude: ["**/node_modules/**"],
		}),
		new webpack.HotModuleReplacementPlugin(),
		new HtmlWebpackPlugin({
			template: "template.html",
		}),
	],
};