chnages to sidenav

palimpsest/webpack.config.js

@@ -0,0 +1,78 @@
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const path = require('path');
+const CopyPlugin = require('copy-webpack-plugin');
+
+const NODE_ENV = process.env.NODE_ENV || 'development';
+const IS_PROD = NODE_ENV === 'production';
+
+module.exports = {
+  stats: 'errors-only',
+  devtool: IS_PROD ? false : 'cheap-eval-source-map',
+  entry: { bundle: ['./src/index.js'] },
+  resolve: {
+    alias: { svelte: path.resolve('node_modules', 'svelte') },
+    extensions: ['.mjs', '.js', '.svelte'],
+    mainFields: ['svelte', 'browser', 'module', 'main']
+  },
+  output: { path: path.resolve(__dirname, 'build'), filename: '[name].[chunkhash].js' },
+  module: {
+    rules: [
+      {
+        test: /\.svelte$/,
+        use: { loader: 'svelte-loader', options: { emitCss: true, hotReload: true } }
+      },
+      {
+        test: [/\.s[ac]ss$/i, /\.css$/],
+        use: [
+          IS_PROD ? MiniCssExtractPlugin.loader : 'style-loader',
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [
+                require('autoprefixer')({
+                  overrideBrowserslist: ['last 1 version', 'ie >= 11']
+                })
+              ]
+            }
+          },
+          'sass-loader'
+        ]
+      },
+      {
+        test: /\.(png|jpe?g|svg)$/i,
+        use: [{ loader: 'file-loader' }]
+      }
+    ]
+  },
+  mode: NODE_ENV,
+  plugins: [
+    new CleanWebpackPlugin(),
+    new CopyPlugin([{ from: 'public' }]),
+    new MiniCssExtractPlugin({ filename: '[name].[chunkhash].css' }),
+    new OptimizeCssAssetsPlugin({}),
+    new HtmlWebpackPlugin(
+      Object.assign(
+        {},
+        { inject: true, template: 'public/index.html' },
+        IS_PROD
+          ? {
+              minify: {
+                removeComments: true,
+                collapseWhitespace: true,
+                useShortDoctype: true,
+                removeEmptyElements: true,
+                removeEmptyAttributes: true,
+                removeStyleLinkTypeAttributes: true,
+                keepClosingSlash: true,
+                minifyURLs: true
+              }
+            }
+          : undefined
+      )
+    )
+  ]
+};