-
Notifications
You must be signed in to change notification settings - Fork 4
/
webpack.config.js
36 lines (34 loc) · 977 Bytes
/
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
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const InlineChunkHtmlPlugin = require('inline-chunk-html-plugin')
const isDev = process.env.NODE_ENV !== 'production'
module.exports = {
mode: isDev ? 'development' : 'production',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'index.js'
},
resolve: {
extensions: ['.js', '.jsx']
},
module: {
rules: [
{
test: /\.(js|jsx)$/i,
loader: 'babel-loader',
options: { presets: ['@babel/preset-env','@babel/preset-react'] }
},
{ test: /\.css$/i, use: ['style-loader', 'css-loader'] },
{ test: /\.(png|jpe?g|gif)$/i, use: ['file-loader'] },
]
},
plugins: [
new HtmlWebpackPlugin({
inject: true,
scriptLoading: 'blocking',
template: 'index.html'
}),
!isDev ? new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/.*/]) : undefined
].filter(Boolean)
}