[web] Refactored to use Hugo Asset Pipeline for css and js.

web/resources/_gen/assets/scss/scss/main.scss_4e7f57577ae5587f96f0311b7197bce0.json

+{"Target":"main.min.f4c200a4aaf4b1b42ec6cbdba0f63336986ba68265219367a21d212697db7b25.css","MediaType":"text/css","Data":{"Integrity":"sha256-9MIApKr0sbQuxsvboPYzNphrpoJlIZNnoh0hJpfbeyU="}}
\ No newline at end of file

web/src/index.js

-import styles from './styles.css'
-import './js/osselector.js'
-import './js/sitesearch.js'
-import './js/fancybox.js'
-// import './js/sharp.js'

web/src/js/sharp.js

-// const images = require('../../content/features/*.png?{"outputs":["thumbnail"]}'); // one image
-
-// Create thumbs for all images!
-var context = require.context("../../content", true, /\.(gif|jpe?g|png|svg|tiff)(\?.*)?$/);
-var obj = {};
-context.keys().forEach(function (key) {
-    obj[key] = context(key);
-});

web/webpack.config.js

-var webpack = require('webpack');
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-const path = require('path');
-
-const sharp = require('sharp');
-
-module.exports = {
-  mode: 'development',
-  entry: './src/index.js',
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'bundle.js',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.css$/,
-        use: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: [
-            { loader: 'css-loader', options: { importLoaders: 1 } },
-            'postcss-loader'
-          ]
-        })
-      },
-      {
-        test: /\.(gif|jpe?g|png|tiff)(\?.*)?$/,
-        use: [
-          {
-            loader: 'sharp-loader',
-            query: {
-              context: path.join(__dirname, 'content'),
-              name: '[path][name].[ext].[preset]',
-              cacheDirectory: true,
-              presets: {
-                thumbnail: {
-                  width: 320,
-                  height: 200,
-                  quality: 70,
-                }
-              }
-            },
-          }
-        ]
-      },
-      {
-        test: /\.(eot|svg|ttf|woff|woff2)$/,
-        use: [
-          {
-            loader: 'file-loader',
-            options: {}
-          }
-        ]
-      }
-    ]
-  },
-  plugins: [
-    new ExtractTextPlugin('styles.css'),
-    new webpack.ProvidePlugin({
-      $: "jquery",
-      jQuery: "jquery",
-      'window.jQuery': 'jquery'
-    })
-  ],
-  devtool: 'source-map'
-}