-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.common.js
53 lines (50 loc) · 1.55 KB
/
webpack.common.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
const path = require("path");
require("dotenv").config({ path: "./.env" });
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const Dotenv = require("dotenv-webpack");
module.exports = {
entry: {
main: path.resolve(__dirname, "./src/index.js"),
},
output: {
path: path.resolve(__dirname, "./dist"),
filename: "[name].bundle.js",
publicPath: "/",
clean: true,
assetModuleFilename: "images/[hash][ext][query]",
},
plugins: [
new CleanWebpackPlugin(),
new Dotenv(),
new HtmlWebpackPlugin({
title: "World News",
template: path.resolve(__dirname, "./src/template.html"), // template file
favicon: path.resolve(__dirname, "./src/assets/favicon.ico"),
filename: "index.html", // output file
}),
],
module: {
rules: [
// JavaScript: Use Babel to transpile JavaScript files
{
test: /\.js$/i,
use: ["babel-loader"],
include: path.resolve(__dirname, "src"),
exclude: /node_modules/,
},
// 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|)$/i, type: "asset/inline" },
],
},
resolve: {
modules: [path.resolve(__dirname, "./src"), "node_modules"],
extensions: [".js", ".jsx", ".json"],
// alias: {
// "@": path.resolve(__dirname, "./src"),
// "@assets/": path.resolve(__dirname, "./src/assets"),
// },
},
};