Как отключить минифицированние стилей в webpack?

Question

[flafy4]

Такой вот код в webpack.config.js

В итоге компиляции получаю минифицированную версию стилей.

module: {
        rules: [{
            test: /\.(sa|sc|c)ss$/,
            use: [
                'style-loader',
                {
                    loader: MiniCssExtractPlugin.loader
                },
                {
                    loader: "css-loader"
                },
                {
                    loader: "postcss-loader",
                    options: {
                        config: {
                            path: './'
                        }
                    }
                },
                {
                    loader: "sass-loader"
                }
            ]
        }]
    },

В каком лодере или где именно нужно поставить опцию минификации на false? Не в одной документации не нашел данного пункта, а если подобное находил не работало...

Answer 1

[Владимир Голубь]

mode: 'development'

Comments

[Владимир Голубь]

loader: MiniCssExtractPlugin.loader

[flafy4]

Благодарю за ответ, решение работающее, но если мне нужно это в production?

[Сергей delphinpro]

flafy4, в продакшн это не нужно. никогда.

[Rustam Bainazarov]

flafy4, несжатое в production? Можно ещё и sourcemap заодно :))

[Иван]

flafy4, вы уволены))))

[flafy4]

Рустам Байназаров, BenderIsGreat34, Сергей delphinpro, Это в теории... Мне нужно 2 в итоге файла, один минифицированный, второй нет. Но у меня был 1 заказчик, который настаивал на том, что бы стили не были минифицированные, потому что они не хотели писать правки в исходных файлах, а потом компилировать по новой.

[Иван]

flafy4, заказчик не всегда знает сам, чего хочет, твоя задача как специалиста объяснить, как нужно и как не нужно делать, но выбор всегда за тобой

[flafy4]

BenderIsGreat34, Попытки объяснения были четны, хотелка переборола здравый смысл, но сейчас дело не в этом, а в том что не могу никак решить проблему...

[Dier]

Ну можно загемороиться и сделать один билд в продакш, а другой в девелопмент, и просто CSS файл заменить, или еще проще в ВСкод есть встроенная функция "клик правой кнопкой мыши" -> форматировать документ, и минификация пропадет