Update webpack HMR for new dev environment

Author: DaneEveritt

package.json

@@ -112,7 +112,7 @@
         "watch": "cross-env NODE_ENV=development ./node_modules/.bin/webpack --watch --progress",
         "build": "cross-env NODE_ENV=development ./node_modules/.bin/webpack --progress",
         "build:production": "yarn run clean && cross-env NODE_ENV=production ./node_modules/.bin/webpack --mode production",
-        "serve": "yarn run clean && cross-env PUBLIC_PATH=https://pterodactyl.test:8080 NODE_ENV=development webpack-dev-server --host 0.0.0.0 --hot --https --key /etc/ssl/private/pterodactyl.test-key.pem --cert /etc/ssl/private/pterodactyl.test.pem"
+        "serve": "yarn run clean && cross-env WEBPACK_PUBLIC_PATH=/webpack@hmr/ NODE_ENV=development webpack-dev-server --host 0.0.0.0 --port 8080 --public https://pterodactyl.test --hot"
     },
     "browserslist": [
         "> 0.5%",

webpack.config.js

@@ -19,7 +19,7 @@ module.exports = {
         path: path.join(__dirname, '/public/assets'),
         filename: isProduction ? 'bundle.[chunkhash:8].js' : 'bundle.[hash:8].js',
         chunkFilename: isProduction ? '[name].[chunkhash:8].js' : '[name].[hash:8].js',
-        publicPath: (process.env.PUBLIC_PATH || '') + '/assets/',
+        publicPath: (process.env.WEBPACK_PUBLIC_PATH || '/assets/'),
         crossOriginLoading: 'anonymous',
     },
     module: {
@@ -115,7 +115,7 @@ module.exports = {
     devServer: {
         compress: true,
         contentBase: path.join(__dirname, '/public'),
-        publicPath: (process.env.PUBLIC_PATH || '') + '/assets/',
+        publicPath: process.env.WEBPACK_PUBLIC_PATH || '/assets/',
         allowedHosts: [
             '.pterodactyl.test',
         ],