Webpack 无法在 Chrome 中本地覆盖文件

Bhu*_*dra 6 google-chrome-devtools webpack webpack-4

我正在尝试本地覆盖我的项目(webpack-v4.29)中的JS文件。我正在覆盖webpack:///./src/components/slider.js下的文件,但是在保存文件并进行页面刷新后,浏览器不会使用覆盖的文件,而是使用原始文件进行调试。

是不是要对 source map 做一些事情,下面是与 source-maps 相关的 webpack 配置:

devtool: isProduction ? 'source-map' : 'eval-source-map',
        mode: options.mode,
        stats: 'errors-only',
        bail: isProduction,
        performance: {
            hints: false
        },
        entry,
        output: {
            path: distDir,
            filename: isProduction ? '[name]-[chunkhash:8].js' : '[name].js',
            publicPath
        }
Run Code Online (Sandbox Code Playgroud)

在我的项目中,我动态导入组件 JS 文件。我正在检查标记中是否存在数据属性,然后循环遍历所有符合条件的匹配项并加载 JS 文件。

请让我知道如何在使用 webpack 时进行本地覆盖