概述

webpack提供了一个可选的本地开发服务器，这个本地开发服务器基于nodejs搭建，内部使用express框架，可实现我们想要的让浏览器自动刷新我们修改后的结果。

本地服务器安装过程

• 他是一个单独的模块，在webpack中使用之前需要先安装它npm install --save-dev [email protected]

• devserver也是作用webpack中的一个选项，选项本身可以设置如下属性：

  • contentBase:为哪一个文件阿基提供本地服务，默认是根文件
  • port:端口号
  • inline:页面实时刷新
  • historyApiFallback:在SPA页面中，以来HTML的history模式

• webpack.config.js文件配置修改如下：
  

完成以上配置后，输入命令： npm run dev即可运行。

webpack配置文件的分离

运用命令：npm install webpack-merge --save-dev

总结

经过了这几天的学习，对于wenpack的基础知识有了一定的掌握，接下来，便要开始vueCli的学习了。亦步亦趋，不知道未来会是什么模样，过好每一天，踏实认真。