webpack实例教程(二) hot Uglify

上一次主要简单地写了一下浏览器显示的详细流程，这次主要是页面的自动刷新和简单压缩js文件

1、修改代码，页面自动刷新

在package.json文件中添加，

image.png
“inline”选项为整个页面提供了“Live reloading”功能。
“hot”选项提供了“模块热重载”功能，它会尝试仅仅更新组件被改变的部分（而不是整个页面）。如果我们把这两个选项都写上，那么当文件被改动时，webpack-dev-server会先尝试HMR，如果这不管用，它就会重新加载整个页面。
然后重新执行一下：
image.png
然后修改代码保存，浏览器就会自动刷新啦！

2、压缩代码

在webpack.config.js文件中添加：

image.png
然后执行webpack,代码就会被压缩啦！

20180324针对soursemap的更新

JavaScript 提供了 source map功能，将编译后的代码映射回原始源代码。如果一个错误来自于 b.js，source map 就会明确的告诉你。

image.png