webpack 4-“正常”，格式正確的CSS輸出可能嗎？

Question

我嘗試將webpack 4用於一個簡單的任務：生成一個SCSS框架可能會產生並輸出為格式正確的CSS文件的所有可能的CSS。 gulp設置在5分鍾內完成了工作：

// Gulp
let gulp = require('gulp')
let gulpScss = require('gulp-sass')
let postcss = require("gulp-postcss")
let autoprefixer = require("autoprefixer")

function style() {
  return (
    gulp
      .src('src/scss/main.scss')
      .pipe(gulpScss())
      .on("error", gulpScss.logError)
      .pipe(postcss([autoprefixer()]))
      .pipe(gulp.dest('dist'))
  );
}
exports.style = style;

..。我仍在努力使用webpack 4：

// webpack 4
const path = require('path')
const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const ExtractTextPlugin = require("extract-text-webpack-plugin")
const autoprefixer = require('autoprefixer')

const isDevelopment = process.env.NODE_ENV !== 'production'
const rootPath = path.resolve(__dirname, '../')

module.exports = {
  entry: { bundle: './src/app.js' },
  output: { [...] },
  module: {
    rules: [ {
        test: /\.js$/,
        [...]
      }, {
        test: /\.(scss|css)$/,
        use: [
          use: ExtractTextPlugin.extract({
            fallback: "style-loader",
            use: ['css-loader', 'sass-loader']
          })
        ]
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({ [...] }),
    new ExtractTextPlugin("inuitcss.css")
  ]
}

// NPM
"build": "webpack -p --progress --mode production --config ./config/build.js"

我還在這里討論了關於stackoverflow的一些帖子，即： Sass loader和webpack 4等，但是它們都使用mini-css-extract-plugin或extract-text-plugin。

問題是：我確實取得了結果，這不是問題； 問題是，它們都被縮小了。

我的問題：是否完全有可能使用webpack 4生成非最小化的CSS輸出，可能帶有諸如“嵌套”之類的漂亮配置選項？