finalproject/webpack.config.js at master · LfxB/finalproject · 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
const HtmlWebPackPlugin = require("html-webpack-plugin");
const InjectPlugin = require("webpack-inject-plugin").default;
const path = require("path");

let pollServer = `let __version = undefined

let delay = t => new Promise((res, rej) => setTimeout(() => res(), t))
let checkVersion = async () => {
    await fetch('/__version')
        .then(x => x.text())
        .then(v => {
            __version = v
        })


    while (true) {
        await delay(300)
        try {
            let x = await fetch('/__version')
            let newVersion = await x.text()
            if (__version !== newVersion) {
                location.reload();
            }
        } catch (err) { }
    }
}

checkVersion()
`;

module.exports = {
   watchOptions: {
      poll: true,
      ignored: /node_modules/
   },
   mode: "development",
   devtool: "source-map",
   output: {
      publicPath: "/",
      path: path.join(__dirname, "build")
   },
   devServer: {
      host: "0.0.0.0", //CONFIG FOR DROPLET
      port: 3000,
      overlay: {
         warnings: true,
         errors: true
      },
      historyApiFallback: {
         index: "/index.html"
      },
      contentBase: path.join(__dirname, "public"),
      hot: true
   },
   module: {
      rules: [
         {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: {
               loader: "babel-loader"
            }
         },
         {
            test: /\.html$/,
            use: [
               {
                  loader: "html-loader"
               }
            ]
         },
         {
            test: /\.css$/,
            use: ["style-loader", "css-loader"]
         },
         {
            test: /\.(jpe?g|png|gif|svg|mp3)$/i,
            use: [
               {
                  loader: "url-loader",
                  options: {
                     limit: 30000,
                     name: "[name].[ext]"
                  }
               }
            ]
         }
      ]
   },
   plugins: [
      new HtmlWebPackPlugin({
         template: "./public/index.html",
         filename: "./index.html"
      }),
      new InjectPlugin(function () {
         return pollServer;
      })
   ],

   entry: {
      javascript: "./src/index.jsx",
      html: "./public/index.html"
   }
};