开发调试必备配置之本地服务器的搭建二

1. 了解webpack-dev-server

 

webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务。

 

webpack-dev-server 主要提供两个功能：

（1）为静态文件提供服务

（2）自动刷新和热替换(HMR)

 

 

 

2.安装webpack-dev-server

   

    npm install --save-dev webpack-dev-server

 

 

3.配置webpack.config.js文件

 

 

 

4.配置package.json

 

"scripts": {

    "start": "webpack-dev-server --mode development"

 }

 

5.在build文件夹下新建index.html文件，在html中引入bundle.js