04webpack--webpack-dev-server 时时跟新

 <!-- 如何添加npm run dev 启动程序
        下载npm i webpack-dev-server -S 
        在pack.json中添加 "dev": "webpack-dev-server"这一句 注意使用逗号隔开

         "scripts": {
         "test": "echo "Error: no test specified" && exit 1",
         "dev": "webpack-dev-server" //添加这一句
         },


        本节实现的功能==》手动修改成自己想要的端口号  2并且自动打开浏览器哦
          下载 npm i webpack-dev-server -S
         在package.json中修改
         将“script”:{ "dev":"webpack-dev-server --open --port 3000"} 
         解释==》  --open是自动打开浏览器 --port 3000将端口修改为3000
     -->

     <!-- 本节实现的功能==》
         我们发现启动之后展示的不是一个具体的首页 而是一个目录  如何解决启动之后是一个具体的首页
         将“script”:{ "dev":"webpack-dev-server --open --port 3000 --contentBase src --hot"}  这里有4个指令
         
         解释==》 --open是自动打开浏览器 --port 3000将端口修改为3000 --contentBase src 以src为根目录 展示它里面的index.html这个文件 
                 --hot实现局部的跟新 你修改了哪里就跟新哪里 效率跟高了  它能够实现网页不重载(那个圈圈不会刷新) 就可以实现页面跟新
      -->