initial commit

frontend/webpack/webpack.config.dev.js

@@ -0,0 +1,73 @@
+const Path = require("path");
+const Webpack = require("webpack");
+const { merge } = require("webpack-merge");
+const StylelintPlugin = require("stylelint-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const ESLintPlugin = require("eslint-webpack-plugin");
+
+const common = require("./webpack.common.js");
+
+module.exports = merge(common, {
+  target: "web",
+  mode: "development",
+  devtool: "inline-source-map",
+  output: {
+    chunkFilename: "js/[name].chunk.js",
+    publicPath: "http://localhost:9091/",
+  },
+  devServer: {
+    hot: true,
+    host: "0.0.0.0",
+    port: 9091,
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+    },
+    devMiddleware: {
+      writeToDisk: true,
+    },
+  },
+  plugins: [
+    new Webpack.DefinePlugin({
+      "process.env.NODE_ENV": JSON.stringify("development"),
+    }),
+    new StylelintPlugin({
+      files: Path.resolve(__dirname, "../src/**/*.s?(a|c)ss"),
+    }),
+    new ESLintPlugin({
+      extensions: "js",
+      emitWarning: true,
+      files: Path.resolve(__dirname, "../src"),
+    }),
+    new MiniCssExtractPlugin({
+      filename: "css/[name].css",
+      chunkFilename: "css/[id].css",
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.html$/i,
+        loader: "html-loader",
+      },
+      {
+        test: /\.js$/,
+        include: Path.resolve(__dirname, "../src"),
+        loader: "babel-loader",
+      },
+      {
+        test: /\.s?css$/i,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: "css-loader",
+            options: {
+              sourceMap: true,
+            },
+          },
+          "postcss-loader",
+          "sass-loader",
+        ],
+      },
+    ],
+  },
+});