运行一个非常标准的webpacvk-dev-server。 Termial输出显示构建运行正常,但浏览器端没有任何变化。
我知道关于这个确切的问题已经有很多关于SO的问题了,但是我已经尝试了所有修复,但似乎没有任何修复工作。
这是我的配置:
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),
};
当我运行标准webpack
命令时,它会输出到app/bin/bundle.min.js
,我可以从app/index.html
加载。{/ p>
这可能是output.publicPath
之类的问题,但我尝试将其更改为app/
,并将output.path
更改为PATHS.bin
}。什么都不改变。