Running a pretty standard webpacvk-dev-server. Termial output shows the build runs fine, but nothing changes on the browser end.
I know there have been a bunch of questions on SO about this exact problem, but I've tried all the fixes there and none of them seem to be working.
Here's my config:
const PATHS = {
app: path.resolve(__dirname, 'app'),
bin: path.resolve(__dirname, 'app/bin'),
};
...
output: {
path: PATHS.bin,
publicPath: 'bin/',
filename: "bundle.min.js"
}
...
const devConfig = {
devtool: 'source-map',
devServer: {
hot: true,
inline: true,
progress: true,
historyApiFallback: {
index: path.resolve(PATHS.app, 'index.html'),
},
contentBase: PATHS.app,
// Display only errors to reduce the amount of output.
stats: 'errors-only',
port: '8888',
},
plugins: basePlugins.concat(devPlugins),
};
When I run the standard webpack
command it outputs to app/bin/bundle.min.js
and I can load that from app/index.html
.
It's probably a pathing issue with output.publicPath
or something, but I've tried changing it to app/
, and also changing output.path
to PATHS.bin
. Neither change anything.