Merge branch 'marudor-darkMode'

1 files changed, 47 insertions, 0 deletions

diff --git a/sass/webpack.config.js b/sass/webpack.config.js
new file mode 100644
index 0000000..9696dbb
--- /dev/null
+++ b/sass/webpack.config.js
@@ -0,0 +1,47 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const path = require('path');
+console.log(path.resolve('../public/static/css/'));
+
+module.exports = {
+  mode: 'production',
+  entry: {
+    light: './src/light/index.scss',
+    dark: './src/dark/index.scss',
+  },
+  output: {
+    path: path.resolve('../public/static/css/'),
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: '[name].min.css',
+      chunkFilename: '[id].css',
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.s?css$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 2,
+            },
+          },
+          {
+            loader: 'postcss-loader',
+            options: {
+              ident: 'postcss',
+              plugins: loader => [
+                require('postcss-preset-env')(),
+                require('cssnano')(),
+              ],
+            },
+          },
+          'sass-loader',
+        ],
+      },
+    ],
+  },
+};