React-toolbox wie man die Stile richtig einbindet
Ich versuche, die Datumsauswahl von @ zu verwende react-toolbox.
Hier ist meine Webpack-Konfiguration:
{
test: /\.css$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader!cssnext-loader')
},{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
Ich habe .scss imresolve
Sektion
resolve: {
extensions: ['', '.js', '.jsx', '.scss']
},
Ich habe meine App-Komponente auch in @ eingebundeToolboxAPP
ReactDOM.render(
<ToolboxApp>
<Provider store={store}>
<App />
</Provider>
</ToolboxApp>
, document.getElementById('root'))
Wenn ich die Komponente gerendert habe, sieht sie folgendermaßen aus:
Sie können dem Bild entnehmen, dass die Komponente nicht formatiert ist und die entsprechenden CSS-Klassennamen nicht definiert sind.
Weiß jemand, was ich falsch gemacht habe?