web-dev-server 配置基础总结

一、什么是web-dev-server

        1.基于nodejs的使用了express的http服务器。能够实现页面的热加载、热替换。

       2.这个 Http服务器 和 client 使用了 websocket 通讯协议。原始文件（测到入口文件以及依赖的变化）作出改动后， 会自动编译， 并实时更新。

        3.对于编译并打包的的文件,并没有存储在output.path的路径中，而是存在了内存中。  也就是说在webpack-dev-server中path路径不起作用。

    4. 设置output.publicPath。此路径时公共路径。是资源的引用路径。在index。html中引用文件时，   就是引用此虚拟内存中的路径。引用文件的路径为publiPath+filename。

  此时在配置 output.publicPath时，/指的是根目录。此时是搭载在服务器上，根目录是运行webpack-ser-dever的目录。

   如：output.publicPath：“/dist“

   5.如文件中打包了图片。css。js中引用的图片的路径不会有问题。因为js、css 文件都是在虚拟内存中。

二、如何安装

     安装webpack -dev-server。

三、参数配置

在wbpack.config.js中配置如下：

 devServer:{
        contentBase: "./",            //本地服务器的搭建目录，默认为当前目录       
        historyApiFallback:t