css-loader возвращает неопределенное значение при импорте файла css - PullRequest
Новая
       65

css-loader возвращает неопределенное значение при импорте файла css

0 голосов
/ 11 декабря 2018

У меня есть файл css с именем App.css, который имеет css вроде 

.abcd {
    margin-top: 50px !important;
    color: red !important;
}

Я импортирую это и использую в своем приложении реакции как 

import styles from './App.css'
console.log("style", styles) // it gives object. 

<div className={"ui equal width grid " + styles.abcd}>
</div>

Здесь styles.abcd isпоказывая undefined, но когда я утешаю styles, он дает объект с этим именем класса в массиве .. Я не знаю, чего здесь не хватает.

Мой веб-пакет выглядит так: 

{
    test: /\.css$/,
    loader: 'css-loader',
    options: {
        modules: true,
        localIdentName: '[path][name]__[local]--[hash:base64:5]',
    },
},

Я также пытался 

{
    test: /\.css$/,
    use: ['style-loader', 'css-loader'],
},

Ничего не работает.Почему это дает undefined?

...