时间戳

首页 > 解决方案 > Webpack-dev-server 没有获取最新的更改

webpack - Webpack-dev-server 没有获取最新的更改

问题描述

这是我的简单 webpack.config.js。为了加载我的应用程序，我总是yarn build只需要在我的应用程序工作时做，我可以通过做将它加载到 webpack-dev-serveryarn start

但是，当我对我的代码进行更改时，webpack 确实会打印消息，例如

Version: webpack 4.41.5
Time: 143ms
Built at: 01/18/2020 2:12:27 PM
    Asset      Size  Chunks             Chunk Names
bundle.js  1.43 MiB    main  [emitted]  main
Entrypoint main = bundle.js
[./src/index.tsx] 1.43 KiB {main} [built]
    + 43 hidden modules
ℹ ｢wdm｣: Compiled successfully.

但它仍然显示旧的变化，新的变化是不可见的。我必须杀死 webpack-dev-server，然后yarn build手动执行，然后再次执行yarn start，然后才能看到我的更改。

这是我的 webpack 配置

const path = require('path');

module.exports = {
    target: 'web',
    mode: 'development',
    entry: './src/index.tsx',
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.tsx?/,
                exclude: /node_modules/,
                loader: 'babel-loader'
            }
        ]        
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js']
    },
    devServer: {
        contentBase: path.resolve(__dirname, "."),
        port: 5000,
        watchContentBase: true,
        inline: true,
        hot: true
    }
}

我用谷歌搜索，在这里和 GitHub 上发现了 1000 多个线程。但没有什么能帮助我。这些代码文件也很奇怪，因为 webpack 变化非常迅速，互联网上的大多数内容都已经过时了。

标签： webpack

解决方案

推荐阅读