Further attempts to integrate

2020-05-29 21:07:41 -07:00
parent 28817b5ad5
commit eba9ef2397
16 changed files with 572 additions and 534 deletions
--- a/web/webpack.config.cjs
+++ b/web/webpack.config.cjs
@ -0,0 +1,88 @@
+const path = require('path');
+//const webpack = require('webpack');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+  entry: {
+    main: [
+      './src/js/app.mjs',
+      './src/sass/app.scss'
+    ],
+    dark: [
+      './src/sass/app-dark.scss'
+    ]
+  },
+  output: {
+    filename: 'static/js/[name].js',
+    path: path.resolve(__dirname, '../'),
+    //ecmaVersion: 5,
+  },
+  plugins: [
+    /*new webpack.ProvidePlugin({
+      $: 'jquery',
+      jQuery: 'jquery',
+      //Popper: 'popper.js',
+    }),*/
+    new MiniCssExtractPlugin({
+      filename: 'static/css/[name].css',
+    }),
+    new HtmlWebpackPlugin({
+      filename: 'templates/index.html',
+      template: './src/templates/index.html',
+      inject: false,
+    }),
+    new HtmlWebpackPlugin({
+      filename: 'templates/need_token.html',
+      template: './src/templates/need_token.html',
+      inject: false,
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.s[ac]ss$/i,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader', // translates CSS into CommonJS modules
+          {
+            loader: 'postcss-loader', // Run postcss actions
+            options: {
+              plugins: function () { // postcss plugins, can be exported to postcss.config.js
+                return [
+                  require('autoprefixer')
+                ];
+              }
+            }
+          },
+          'sass-loader', // compiles Sass to CSS
+        ],
+      },
+      {
+        test: /\.m?js$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [
+              [
+                '@babel/preset-env',
+                {
+                  'corejs': '3.6',
+                  'useBuiltIns': 'usage',
+                },
+              ],
+            ],
+            plugins: [
+                //'@babel/plugin-proposal-private-methods',
+                '@babel/plugin-proposal-class-properties',
+            ],
+          },
+        },
+      },
+    ],
+  },
+  /*experiments: {
+    mjs: true,
+  },*/
+};