WebPack: компилировать файлы SCSS в свои файлы

Question

Я пытаюсь настроить Webpack для компиляции сом-файлов SCSS в CSS для меня, который работает так, как задумано, за одним исключением.

Я бы хотел, чтобы Webpack сохранял желаемую структуру каталогов с моимивместо таблиц стилей вместо огромного файла CSS.

Каждое решение, с MiniCssExportPlugin и extract-text-webpack-plugin, просто объединяет в один файл, что мне нежелательно, так как я этого не делаюхочу создать одностраничное приложение.

Answer 1

Вы должны указать выходную запись для каждого из ваших файлов scss ...

entry['myStyle'] = 'myFile.scss';

При указании вывода сохранить оригинальное имя файла

output: {
            filename: '[name].js'
        },

Единственная проблема заключается вчто он тоже сгенерирует '.js'

, но:

Вы можете удалить дополнительные файлы js, сгенерированные для вашего файла scss, используя 'EventHooksPlugin' при запуске события done, внутри которого вы 'удалим их