react项目实践——（2）webpack-dev-serve

webpack-dev-server是一个小型的静态文件服务器，为webpack打包的资源文件提供Web服务。并且提供自动刷新和Hot Module Replacement（模块热替换：前端代码变动后无需刷新整个页面，只把变化的部分替换掉）。

（1）安装

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

（2）配置

修改webpack.config.js，添加devServer的配置

    devServer: {
        contentBase: './dist',
        port: 3000,  // 默认8080
        host:'localhost',
        inline: true  // 实时刷新
    },

修改package.json,添加script脚本start： "start": "webpack-dev-server --open" 

 

此时，在命令行输入 npm start ，则浏览器自动打开页面。

修改页面内容并保存，页面实现实时刷新。