Day18

[LuoQaxa]

好多天没有写每日总结了，可能都会有疲惫期把，最近上班回来就会感觉很累，什么都不想做，不想学习，不想写论文。清明假期很快过去了，状态才找回来。

• 今日任务

  1. 跟着方神又学了一遍webpack，对webpack的使用熟练一写，也能够理解一些深层次的东西。

• 学习资料 今天接触到的新知识都是关于webpack的。

  1. webpack的一些常用插件，比如说用于压缩webpack自带的webpack.optimize.UglifyJsPlugin插件，当然这个功能也可以用webpack -p来完成，-p的意思就是 shortcut for --optimize-minimize --define。webpack还有很多常用插件，和一些性能提升的方法，以后用到慢慢查文档也不迟，只要弄懂原理，使用就是查文档的而已。
  2. webpack-dev-server功能，如果只使用--watch来监视还是不够方便，因为需要你手动刷新，我们就可以使用webpack-dev-server。里面有一点需要注意的是，在index.html中引入的bundle.js不再是dist/bundle.js文件。因为webpack-dev-server的原理是启动的时候把打包后的代码存在内存中，如果检测到修改，就直接对内存中的代码进行修改，这样就能够很快的实现热加载功能。看起来是在index.html中请求了bundle.js文件，其实没有请求bundle.js，大概的原理代码可以这样表示app.get('bundle.js',res.send(file))
  3. source map，今天才是第一次听说，其实就是用于定位报错的，当你使用一些库文件的时候，这些库文件都是被压缩过的，如果你在使用这些库时发生错误，报错信息你就看不到了，这时候可以使用source map，它记录了压缩前每个字符的位置，这样当你代码报错时，你就可以精准定位，找到错误来源。