使用webpack --watch产生大量临时update文件如何解决？

Question

使用webpack进行React开发，运行webpack --watch开发时出现了这么多临时文件，

webpack.config.js如下

var webpack = require('webpack');
var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js');

module.exports = {
    entry: {
        entry1: [
            './src/js/App.js',
            'webpack-dev-server/client?http://localhost:7777',
            'webpack/hot/only-dev-server'
        ]
    },
    output: {
        publicPath: "http://127.0.0.1:7777/static/dist/",
        path: './dist',
        filename: 'entry.js'
    },
    devServer: {
        hot: true,
        historyApiFallback: true,
        inline: true,
        port: 7777
    },
    module: {
        loaders: [
            {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: ['babel'],
            query: {
                presets: ['es2015', 'react']
            }
        }]
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin()
    ]

};

运行时我是先运行webpack --watch然后运行webpack-dev-server --hot

1. 这正常吗？

2. 这是什么原理？

3. 如何解决？

Answer 1

使用 webpack-dev-server --watch --hot调试代码，不会生成文件。webpack适合代码发布的时候打包