Create webpack.config.jsgg

Author: RenatevanKempen

Node JS - old files/webpack.config.jsgg

@@ -0,0 +1,115 @@
+// const path = require("path");
+// // import path from "path";
+// // import webpack from "webpack";
+// const webpack = require("webpack");
+// // import { WDS_PORT } from "./src/shared/config";
+// const WDS_PORT = require("./src/shared/config");
+// // import { isProd } from "./src/shared/util";
+// const isProd = require(" ./src/shared/util");
+
+// module.exports = {
+//   entry: {
+//     main: ["react-hot-loader/patch", "./src/client"]
+//   },
+//   output: {
+//     filename: "bundle.js",
+//     path: path.resolve(__dirname, "dist/")
+//     // publicPath: isProd ? "/static/" : `http://localhost:${WDS_PORT}/dist/`
+//   },
+//   module: {
+//     rules: [
+//       {
+//         test: /\.(js|jsx)$/,
+//         use: [(loader: "@babel/loader")],
+//         exclude: /node_modules/
+//       }
+//     ]
+//   },
+//   devtool: isProd ? false : "source-map",
+//   resolve: {
+//     extensions: [".js", ".jsx"]
+//   },
+//   devServer: {
+//     port: WDS_PORT,
+//     hot: true,
+//     headers: {
+//       "Access-Control-Allow-Origin": "*"
+//     }
+//   },
+//   plugins: [
+//     new webpack.optimize.OccurrenceOrderPlugin(),
+//     new webpack.HotModuleReplacementPlugin(),
+//     new webpack.NamedModulesPlugin(),
+//     new webpack.NoEmitOnErrorsPlugin()
+//   ]
+// };
+const path = require("path");
+const webpack = require("webpack");
+const HTMLWebpackPlugin = require("html-webpack-plugin");
+module.exports = {
+  // this is relative path. iw we do not specify default location is:./src/main.js
+  entry: {
+    main: [
+      "@babel/polyfill",
+      "@babel/runtime/regenerator",
+      "react-hot-loader/patch",
+      "./src/main.js"
+    ]
+  },
+  mode: "development",
+  output: {
+    filename: "[name]-output.js",
+    path: path.resolve(__dirname, "../dist"),
+    publicPath: "/"
+  },
+  devServer: {
+    contentBase: "dist",
+    overlay: true,
+    hot: true,
+    stats: { colors: true }
+  },
+
+  devtool: "source-map",
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          { loader: "style-loader" },
+          { loader: "css-loader", options: { sourceMap: true } }
+        ]
+      },
+      {
+        test: /\.js$/,
+        use: [{ loader: "babel-loader" }],
+        exclude: /node_modules/
+      },
+      {
+        test: /\.s?css$/,
+        use: ["style-loader", "css-loader", "postcss-loader", "sass-loader"]
+      },
+      {
+        test: /\.html$/,
+        use: [
+          {
+            loader: "html-loader",
+            options: { attrs: ["img:src", "link:href"] }
+          }
+        ]
+      },
+      {
+        test: /\.(jpg|gif|png)$/,
+        use: [
+          {
+            loader: "file-loader",
+            options: { name: "images/[name].[ext]" }
+          }
+        ]
+      }
+    ]
+  },
+  plugins: [
+    new webpack.HotModuleReplacementPlugin(),
+    new HTMLWebpackPlugin({ template: "./src/index.html" })
+  ]
+};