React-toolbox como incluir os estilos corretamente
Estou tentando usar o selecionador de data dereact-toolbox.
Aqui está a minha configuração do webpack:
{
test: /\.css$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader!cssnext-loader')
},{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
Eu tenho .scss noresolve
seção:
resolve: {
extensions: ['', '.js', '.jsx', '.scss']
},
Também envolvi meu componente App dentroToolboxAPP
ReactDOM.render(
<ToolboxApp>
<Provider store={store}>
<App />
</Provider>
</ToolboxApp>
, document.getElementById('root'))
Quando renderizei o componente, eis como ele se parece:
Você pode ver na imagem que o componente não está estilizado e os nomes de classe css correspondentes são indefinidos.
Alguém sabe o que eu fiz de errado?