Решение проблемы конфликтов имен CSS классов в приложении на React с помощью webpack лоадера

[MikeLP]

Почему не подошли сss-modules?

[bushstas]

Знаю, что они есть, пробовал, немного не понравились, хотелось чего-то другого

[justboris]

Вот именно, ответ на вопрос "почему не css-modules?" должен идти в верхней части статьи, имхо.

[inoyakaigor]

Задача уникальности и одновременно как бонус удобочитаемости названий css классов решается простейшим конфигом вебпака:

{
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
        fallback: "style-loader",
        use: {
            loader: "css-loader",
            query: {
                modules: true,
                localIdentName: '[name]-[local]--[hash:base64:5]'
            }
        }
    })
},

[RomanPokrovskij]

Спасибо за статью. А можно попросить конкретней рассказать о:

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

. Что за приложение/компонент задумывалось и получилось?

встал вопрос того, что возможны конфликты CSS классов моего приложения с уже существующей инфраструктурой

Что-то я не понял, а зачем attributeName тогда кастомизировать? «class он и в Африке класс» хочется сказать, но боюсь я сам в тундре, потому и спрашиваю.