J'essaie d'exécuter notre projet ASP.NET MVC avec webpack2. Comme première étape, j'ai mis en place webpack2 avec ExtractTextPlugin. Lors de l'exécution de webpack watch, je peux voir que le fichier css fourni est mis à jour. Mais si j'exécute le projet avec IISExpress et que la montre webpack est en cours d'exécution, le navigateur ne récupérera pas la dernière modification même si le fichier a changé.Le navigateur ne prend pas en charge le changement de fichier local lors de l'exécution de webpack watch
Vérifié que si j'éteins webpack regarder et actualiser le navigateur, alors je peux voir ces changements dans le navigateur.
Je fonctionne sans serveur webpack dev, voici le 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
}
})
]
}
};La question est constante et je ne sais pas ce qui aurait pu se produire, aider s'il vous plaît .