refactor: replace sass with postcss

1 files changed, 9 insertions, 29 deletions

diff --git a/webpack.config.js b/webpack.config.js
index 2075b63..a71c955 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -2,7 +2,6 @@
 
 const path = require('path');
 const webpack = require('webpack');
-// const { rules } = require('./webpack.common');
 const TerserPlugin = require('terser-webpack-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
 const CleanPlugin = require('clean-webpack-plugin');
@@ -96,11 +95,15 @@ const loaders = {
   postcss: {
     loader: 'postcss-loader',
     options: {
-      plugins: () => [require('autoprefixer'), require('cssnano')()]
+      plugins: () =>
+        [
+          require('postcss-import')(),
+          require('postcss-nested')(),
+          require('autoprefixer')(),
+          require('postcss-extend-rule')(),
+          isDev ? false : require('cssnano')()
+        ].filter(Boolean)
     }
-  },
-  sass: {
-    loader: 'sass-loader'
   }
 };
 
@@ -123,27 +126,6 @@ const rulesCssModules = {
   ].filter(Boolean)
 };
 
-const rulesSassModules = {
-  test: /\.module\.scss$/,
-  use: [
-    isDev ? loaders.style : MiniCssExtractPlugin.loader,
-    loaders.cssModule,
-    loaders.postcss,
-    loaders.sass
-  ].filter(Boolean)
-};
-
-const rulesSass = {
-  test: /\.scss$/,
-  exclude: /\.module\.scss$/,
-  use: [
-    isDev ? loaders.style : MiniCssExtractPlugin.loader,
-    loaders.css,
-    loaders.postcss,
-    loaders.sass
-  ].filter(Boolean)
-};
-
 const cssExtractPlugin = new MiniCssExtractPlugin({
   filename: isDev ? '[name].bundle.css' : '[name].[chunkhash].css'
 });
@@ -202,9 +184,7 @@ module.exports = {
         ]
       },
       rulesCss,
-      rulesCssModules,
-      rulesSass,
-      rulesSassModules
+      rulesCssModules
     ]
   },
   optimization: {