Tweaked colors for accessibility, applied fixes found during testing

[bookstack] / webpack.config.js

diff --git a/webpack.config.js b/webpack.config.js
index 5c0501e3ba627136916f1052e53f59e7bb30dc8a..4eae9b9be34683eec0f4efd08f039762e556c6ac 100644 (file)
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -2,7 +2,7 @@ const path = require('path');
 const dev = process.env.NODE_ENV !== 'production';
 
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const dev = process.env.NODE_ENV !== 'production';
 
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

-const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");

 
 const config = {
     target: 'web',
 
 const config = {
     target: 'web',


@@ -35,12 +35,15 @@ const config = {
             },
             {
                 test: /\.scss$/,
             },
             {
                 test: /\.scss$/,

-                use: ExtractTextPlugin.extract({
-                    fallback: "style-loader",
-                    use: [{
+                use: [
+                    {
+                        loader: MiniCssExtractPlugin.loader,
+                        options: {}
+                    },
+                    {

                         loader: "css-loader", options: {
                         loader: "css-loader", options: {

-                            sourceMap: dev
-                        }
+                        sourceMap: dev
+                    }

                     }, {
                         loader: 'postcss-loader',
                         options: {
                     }, {
                         loader: 'postcss-loader',
                         options: {


@@ -54,13 +57,15 @@ const config = {
                         loader: "sass-loader", options: {
                             sourceMap: dev
                         }
                         loader: "sass-loader", options: {
                             sourceMap: dev
                         }

-                    }]
-                })
+                    }
+                ]

             }
         ]
     },
     plugins: [
             }
         ]
     },
     plugins: [

-        new ExtractTextPlugin("[name].css"),
+        new MiniCssExtractPlugin({
+            filename: "[name].css",
+        }),

     ]
 };
 
     ]
 };