forked from TheRook/sneakernet
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
74 lines (72 loc) · 2.04 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
const HtmlWebpackPlugin = require('html-webpack-plugin')
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const HtmlMinimizerPlugin = require("html-minimizer-webpack-plugin");
const TerserPlugin = require('terser-webpack-plugin');
const FileManagerPlugin = require('filemanager-webpack-plugin');
var HtmlWebpackInlineSourcePlugin = require('@effortlessmotion/html-webpack-inline-source-plugin');
isProduction = true;
module.exports = {
mode: "production",
entry: './src/index.js',
output: {
path: __dirname + '/dist',
publicPath: ""
},
plugins: [
new MiniCssExtractPlugin(),
new HtmlWebpackPlugin({
title: "The Rookery",
inject: "body",
// filename: 'index.html', //relative to root of the application
inlineSource: '.(js|css)$' // embed all javascript and css inline
}),
new HtmlWebpackInlineSourcePlugin(),
new FileManagerPlugin({
events: {
onEnd: {
delete: ['./public/main.js','./public/main.css', './public/service-worker.js' ],
move: [
{ source: './dist/main.js', destination: './public/main.js' },
{ source: './dist/main.css', destination: './public/main.css' },
{ source: './src/service-worker.js', destination: './public/service-worker.js' },
],
}
}
}),
],
module: {
// exclude node_modules
rules: [
{
test: /\.(js)$/,
exclude: /node_modules/,
use: ["babel-loader"],
},
{
test: /\.(css)$/,
exclude: /node_modules/,
use: [isProduction ? MiniCssExtractPlugin.loader : "style-loader","css-loader"]
},
],
},
// pass all js files through Babel
resolve: {
extensions: [".js", ".css"],
},
optimization: {
minimize: true,
minimizer: [
new HtmlMinimizerPlugin({
test: /\.(html)$/,
}),
new TerserPlugin({
extractComments: false,
terserOptions: {
format: {
comments: false,
},
},
})
],
},
}