-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
42 lines (41 loc) · 1.55 KB
/
webpack.config.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
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
// the output bundle won't be optimized for production but suitable for development
mode: "development",
// the app entry point is /src/Container/index.js
entry: path.resolve(__dirname, "src/", "index.js"),
output: {
// the output of the webpack build will be in /dist directory
path: path.resolve(__dirname, "dist"),
// the filename of the JS bundle will be bundle.js
filename: "bundle.js",
},
module: {
rules: [
{
// for any file with a suffix of js or jsx
test: /\.jsx?$/,
// ignore transpiling JavaScript from node_modules as it should be that state
exclude: /node_modules/,
// use the babel-loader for transpiling JavaScript to a suitable format
loader: "babel-loader",
options: {
// attach the presets to the loader (most projects use .babelrc file instead)
presets: [
"@babel/preset-env",
"@babel/preset-react" ],
plugins: [
["@babel/plugin-proposal-class-properties"],
]
},
},
],
},
// add a custom index.html as the template
plugins: [
new HtmlWebpackPlugin(
{ template: path.resolve(__dirname, "src", "index.html") }
),
],
};