Webpack-dev-server 不会在更改时构建文件

Question

所以我有以下 webpack 配置：

import path from 'path';

module.exports = {
    entry: {
    index: './dev/index.js'
    },
    output: {
        path: path.join(__dirname, 'dist'),
        publicPath: './dist/',
        filename: 'bundle.js',
        chunkFilename: '[id].bundle.js'
    },
    module:{
        loader:{
            test: /\.js$/,
            exclude:path.resolve(__dirname, "node_modules"),
            loader: 'js'
        }
    }

};

问题是，当我做文件时，每次更改都会webpack --watch在/dist/文件夹中构建。然而，当我运行这些webpack-dev-server文件时，甚至都没有构建。这是为什么？

请帮忙。

Answer 1

您没有看到文件发送到 dist 文件夹的原因是 webpack-dev-server 使用内存文件系统

这允许在您的代码更改时进行极快的增量构建。这是我们有意的设计。您可以在浏览器中查看生成的代码，而无需引用这些文件。

出于构建性能的考虑，我们不推荐它，但是如果您需要此功能，可以查看像write-file-webpack-plugin 这样的插件。