Как не применять css-модули к css-классам в библиотеках - PullRequest
Новая
       9

Как не применять css-модули к css-классам в библиотеках

0 голосов
/ 05 сентября 2018

Я выбросил create-react-app, чтобы использовать SCSS в моем проекте React. При этом я также настроил свой css-loader, как показано ниже. 

{
    loader: require.resolve("css-loader"),
    options: {
        importLoaders: 1,
        modules: true,
        localIdentName: "[path][name]__[local]--[hash:base64:5]",
        camelCase: "dashes"
    }
},

Как вы видите, он генерирует рандомизированные имена классов, следующие за localIdentName. Из-за этого мне нужно написать свои JSX-коды, подобные приведенным ниже. 

import styles from "./styles.scss";

const LoadingFeed = props => (
  <div className={styles.feed}>
    <Loading />
  </div>
);

className={styles.feed} позволяет тегу div следовать за рандомизированным именем класса независимо от его имени. Проблема в том, что я не могу использовать стороннюю библиотеку, потому что конфигурация делает все имена классов CSS-файлов сторонних производителей также случайными.

Как мне избежать этой проблемы?

...