Ich versuche, unser ASP.NET MVC-Projekt mit webpack2 auszuführen. Als ersten Schritt habe ich webpack2 mit ExtractTextPlugin eingerichtet.Browser nimmt lokale Dateiänderung nicht an, wenn webpack watch ausgeführt wird
Beim Ausführen von Webpack Watch kann ich sehen, dass die gebündelte CSS-Datei aktualisiert wird. Aber wenn ich das Projekt mit IISExpress und mit Webpack-Überwachung ausgeführt wird, wird der Browser die letzte Änderung nicht abholen, obwohl sich die Datei geändert hat.
Verifiziert, dass, wenn ich Webpack Watch ausschalten und den Browser aktualisieren, dann kann ich diese Änderungen im Browser sehen.
Ich arbeite ohne webpack Dev-Server, hier ist die webpack.config.js:
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const path = require('path');
module.exports = env => {
return {
entry: {
"main": "./static/entry.js",
"component": path.resolve(__dirname, "../component/static/bundle.js")
},
output: {
path: path.resolve(__dirname, "./static/dist/scripts"),
filename: "[name].index.js"
},
module: {
rules: [
{
test: /\.scss$/,
\t \t \t \t exclude: /node_modules/,
use:ExtractTextPlugin.extract({
fallback: "style-loader",
use: [
{
loader: 'css-loader',
},
{
loader: 'sass-loader',
options: {
sourceMap: true,
includePaths: [
path.resolve(__dirname, './default.css'),
path.resolve(__dirname, './normalize.css')
]
}
}
]
})
},
{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
{ test: /\.ts$/, loader: 'babel-loader', exclude: /node_modules/ }
]
},
plugins: [
new webpack.ProvidePlugin({
$: path.resolve(__dirname, './node_modules/jquery/src/jquery'),
jQuery: path.resolve(__dirname, './node_modules/jquery/src/jquery'),
moment: path.resolve(__dirname, './node_modules/moment/moment')
}),
new ExtractTextPlugin({
filename: "../style/[name].style.css",
allChunks: true
}),
new webpack.optimize.UglifyJsPlugin({
minimize: true,
compress: {
warnings: false
}
})
]
}
};Das Problem ist, konstant, und ich habe keine Ahnung, was passieren konnte, bitte helfen .