Source code
Revision control
Copy as Markdown
Other Tools
const path = require("path");
module.exports = {
entry: {
app: path.resolve(__dirname, "index.js"),
},
output: {
filename: "[name].bundle.js",
path: path.resolve(__dirname, "dist"),
clean: true,
},
resolve: {
extensions: [".js", ".jsx"],
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
options: {
presets: [
["@babel/preset-env", { targets: "defaults" }],
["@babel/preset-react", { runtime: "automatic" }],
],
},
},
},
{
test: /\.svg$/i,
issuer: /\.[jt]sx?$/,
use: ["@svgr/webpack"],
},
{
test: /\.png$/,
type: "asset/resource",
generator: {
filename: "[name][ext]",
},
},
],
},
};