viciious/webpack.config.js at main · rdwz/viciious · GitHub

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
const path                          = require("path");
const HtmlWebpackPlugin             = require("html-webpack-plugin");
const HtmlWebpackInlineSourcePlugin = require("html-webpack-inline-source-plugin");
const { CleanWebpackPlugin }        = require("clean-webpack-plugin");
const MiniCssExtractPlugin          = require("mini-css-extract-plugin");

module.exports = [

  // Development
  {
    name:    "web-dev",
    target:  "web",
    mode:    "development",
    entry:   "./src/entry/web-dev.js",
    devtool: "inline-source-map",
    devServer: {
      contentBase: "./dist/web-dev",
    },
    plugins: [
      new HtmlWebpackPlugin({
        title:    "Viciious – dev",
        template: "src/host/webFrontEnd/template.ejs",
      }),
      new MiniCssExtractPlugin(),
    ],
    module: {
      rules: [
        {
          test: /\.svg$/,
          loader: "svg-inline-loader",
        },
        {
          test: /\.css$/i,
          use: [MiniCssExtractPlugin.loader, "css-loader"],
        },
      ],
    },
    output: {
      path: path.resolve(__dirname, "dist/web-dev"),
    },
  },

  // Distributable single-HTML-file bundle
  {
    name:   "web-prod",
    target: "web",
    mode:   "production",
    entry:  "./src/entry/web-prod.js",
    performance: {
      // This is an app, not a traditional web page. Let's relax the size
      // warnings.
      maxAssetSize:      (2 * 1048576),
      maxEntrypointSize: (2 * 1048576),
    },
    plugins: [
      new CleanWebpackPlugin({
        // We use the HtmlWebpackInlineSourcePlugin to bundle the whole app
        // into the viciious.html file, but webpack will have also emitted the
        // separate JavaScript and CSS files. Delete them.
        protectWebpackAssets: false,
        cleanAfterEveryBuildPatterns: ["main.js", "main.css"],
      }),
      new HtmlWebpackPlugin({
        title:        "Viciious",
        inlineSource: "\\.(js|css)$",
        template:     "src/host/webFrontEnd/template.ejs",
        filename:     "viciious.html",
      }),
      new HtmlWebpackInlineSourcePlugin(),
      new MiniCssExtractPlugin(),
    ],
    module: {
      rules: [
        {
          test: /\.svg$/,
          loader: "svg-inline-loader",
        },
        {
          test: /\.css$/i,
          use: [MiniCssExtractPlugin.loader, "css-loader"],
        },
      ],
    },
    output: {
      path: path.resolve(__dirname, "dist/web-prod"),
    },
  },

  // A novelty command-line version of the emulator
  {
    name:   "node-prod",
    target: "node",
    mode:   "production",
    entry:  "./src/entry/node.js",
    plugins: [
      new CleanWebpackPlugin(),
    ],
    output: {
      filename: "viciious.js",
      path: path.resolve(__dirname, "dist/node"),
    },
  },

  // A test executor that runs through the Wolfgang Lorenz test suite
  {
    name:   "test-lorenz",
    target: "node",
    mode:   "production",
    entry:  "./src/entry/test-lorenz.js",
    output: {
      filename: "lorenz.js",
      path: path.resolve(__dirname, "dist/test"),
    },
  },
];