最近正在研究webpack,听说webpack可以自己搭建一个小型的服务器,所以迫不及待的想要尝试一下。所以我打算用webpack3.0把dev-server跑起来给大家演示一遍,顺便把一些配置和原理给大家讲清楚,这样就省的绕弯路了。我们之前不是在devServer中设置了hot为true了吗?事实上,虽然不知道为什么,但是目前来说hot这个属性已经没有用了,使用热模块的话我们需要用到一个叫webpack.HotModuleReplacementPlugin的插件。所以我们的webpack.config.js需要加上这些:这时我们再在bash上运行npm run start后发现服务器就搭建完成了!另外,还有一点值得注意的就是,webpack-dev-server所使用的bundle.js文件并不是webpack.config.js中output打包生成的bundle.js,而是使用webpack-dev-server自己打包生成的,这个文件不存在与output或其他路径中,而是存到了内存中,事实上webpack-dev-server所使用的那个bundle.js我们是看不到的!

使用webpack3.0配置webpack-dev-server教程

使用webpack3.0配置webpack-dev-server教程

使用webpack3.0配置webpack-dev-server教程