initial commit

tools/webpack.config.js

@@ -0,0 +1,99 @@
+const path = require("path");
+const StyleLintPlugin = require("stylelint-webpack-plugin");
+
+const SRC_ROOT = path.resolve(__dirname, "../src/");
+const APP_ROOT = path.resolve(__dirname, "../static/");
+
+module.exports = {
+  entry: `${SRC_ROOT}/index.js`,
+
+  output: {
+    path: `${APP_ROOT}/static/`,
+    filename: "[name].[hash].js"
+    // publicPath: "ToReplaceByVerdaccio/-/static"
+  },
+
+  resolve: {
+    extensions: [".js", ".jsx"]
+  },
+
+  plugins: [
+    new StyleLintPlugin({
+      files: ["src/**/styles.js"],
+      failOnError: false,
+      emitErrors: true
+    })
+  ],
+
+  optimization: {
+    runtimeChunk: {
+      name: "manifest"
+    },
+    splitChunks: {
+      cacheGroups: {
+        vendor: {
+          test: /[\\/]node_modules[\\/]/,
+          name: "vendors",
+          priority: -20,
+          chunks: "all"
+        }
+      }
+    }
+  },
+
+  module: {
+    rules: [
+      // /* Pre loader */
+      // {
+      //   enforce: "pre",
+      //   test: /\.jsx?$/,
+      //   exclude: /node_modules/,
+      //   use: "eslint-loader"
+      // },
+
+      /* Normal loader */
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        use: "babel-loader"
+      },
+      {
+        test: /\.(jpe?g|png|gif|svg)$/,
+        use: [
+          {
+            loader: "file-loader"
+          }
+        ]
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        loader: "url-loader",
+        options: {
+          name: "fonts/[name].[ext]",
+          limit: 50
+        }
+      },
+      {
+        test: /\.scss$/,
+        exclude: /node_modules/,
+        loader: `style-loader!css-loader?module&sourceMap=false&localIdentName=[path][name]__[local]--[hash:base64:5]
+        !resolve-url-loader?keepQuery!sass-loader?sourceMap`
+      },
+      {
+        test: /\.css$/,
+        use: [
+          {
+            loader: "style-loader"
+          },
+          {
+            loader: "css-loader"
+          }
+        ]
+      }
+    ]
+  },
+
+  stats: {
+    children: false
+  }
+};