Невозможно свести на нет вывод Webpack CSS

Question

По какой-то причине Webpack и связанные плагины и модули отказываются выводить мой Sass / CSS не минимизированным способом. Я удалил сеть для возможного решения или простого параметра конфигурации, но я не могу ничего найти по этому вопросу. Я нахожу это странным, потому что мне кажется, что это довольно простая установка.

main.s css (вход)

.example {
   display: grid;
   transition: all .5s;
   user-select: none;
   background: linear-gradient(to bottom, white, black);
}

стили . css (вывод)

.example{display:grid;transition:all .5s;user-select:none;background:linear-gradient(to bottom, white, black)}

Конфигурация веб-пакета (упрощенно)

module.exports = {
    mode: 'development',
    optimization: {
        minimize: false,
    },
    module: {
        rules: [
            {
                test: /\.(sa|sc|c)ss$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    'css-loader',
                    'postcss-loader',
                    'sass-loader',
                ],
            },
        ],
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'styles.css',
        }),
    ],
};

post css .config

module.exports = {
  plugins: [
  ],
};

Answer 1

Я решил это в конце концов. Я просто попробовал то же самое без «sassOptions» ранее.

Переконфигурируйте вашу конфигурацию Webpack следующим образом:

{
    loader: 'sass-loader',
    options: {
        sassOptions: {
            outputStyle: 'expanded',
        },
   },
},