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");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const CopyPlugin = require("copy-webpack-plugin");
const WorkboxPlugin = require("workbox-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const config = require("./webpack.common");
config.mode("production");
config
.entry("index")
.add(path.resolve(__dirname, "src/app/service-worker.tsx"));
config.module
.rule("css")
.use("mini-css-extract")
.before("css")
.loader(MiniCssExtractPlugin.loader)
.end();
config.module
.rule("sass")
.use("mini-css-extract")
.before("css")
.loader(MiniCssExtractPlugin.loader)
.end();
config.devtool("source-map");
config.plugin("mini-css-extract").use(MiniCssExtractPlugin);
config.plugin("clean").use(CleanWebpackPlugin);
config.plugin("copy").use(CopyPlugin, [
{
patterns: [
{
from: path.resolve(__dirname, "public/"),
to: path.resolve(__dirname, "dist/"),
},
],
},
]);
config.plugin("workbox").use(WorkboxPlugin.InjectManifest, [
{
swSrc: path.resolve(__dirname, "src/sw/sw.ts"),
maximumFileSizeToCacheInBytes: 15000000,
},
]);
module.exports = config.toConfig();
|
