Почему установка 'modules:true' в моем конфиге веб-пакета нарушает стилизацию при других импортах CSS

Question

Я использую веб-пакет 3.8. В настоящее время в моем приложении "Реакция" я использую "Реак-селект" (1.2.1), компонент, которому необходимо импортировать некоторые CSS в файл index.js.

import 'react-select/dist/react-select.css';

все отлично работает

Однако мне нужно импортировать другой компонент, который должен поддерживать модули CSS, поэтому я попытался добавить функцию в конфигурацию моего веб-пакета, установив модули: true. то есть:

{
            test: /\.css$/,
            use: [
              require.resolve('style-loader'),
              {
                loader: require.resolve('css-loader'),
                options: {
                  modules: true,   // NEW LINE HERE
                  importLoaders: 1,
                },
              },
              {
                loader: require.resolve('postcss-loader'),
                options: {
                 ...

Теперь все стили / классы и т. Д. В моем первом компоненте исчезли. Я вроде понимаю, почему это происходит, но не знаю, как исправить это? любая помощь будет принята с благодарностью...!