Ich freue mich auf mein Fenster neu laden, wenn ich ein Stylesheet in meinem Texteditor speichern. Zurzeit muss ich die Seite manuell neu laden, um Änderungen zu sehen. Unten ist der Schnipsel in Datei meiner Webpack Konfiguration, die Verarbeitung CSS behandelt:Aktivieren Sie Hot Reloading mit Webpack und PostCSS
module: {
rules: [
{
test: /\.js$/,
exclude: path.resolve(__dirname, 'node_modules'),
loader: 'babel-loader',
},
{
test: /\.css$/,
include: [`${PATHS.src}`, `${PATHS.modules}/normalize.css/normalize.css`],
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
{
loader: 'css-loader',
options: {
modules: true,
localIdentName: '[name]__[local]___[hash:base64:5]',
importLoaders: 1,
},
},
'postcss-loader',
],
}),
},
],
}
Ich bin mit Webpack 3, Webpack Dev Server und PostCSS zusammen mit dem Extrakt Text Plugin. Vielen Dank!
Ich habe meine Webpack-Konfigurationsdatei wie oben beschrieben geändert und erhalte einen unerwarteten Token-Fehler in der schließenden Klammer für die concat-Funktion, die für css-hot-loader verwendet wird, wie in der Dokumentation angegeben. Der spezifische Code, der den Fehler verursacht, ist '['css-hot-loader']. Concat (.. Rest der Konfiguration)'. – iknowhtml