webpack性能优化之热更新

webpack在本地开发提升效率的最有效的方法就是热更新了，热更新模块是在webpack中的devServer配置里进行配置的，相关代码如下

devServer: {
        contentBase: '../../dist',
        open: true,
        port: 8080,
        hot: true,
        hotOnly: true,
        historyApiFallback: true,
        publicPath: '/'
    }

关键配置：hot: true，这样每次保存的时候webpack都会对有变化的文件做打包，然后实时更新到页面。