使用webpack搭建一个本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以让浏览器自动刷新我们修改后的结果。是一个单独的模块,使用前需要进行安装:
npm install --save-dev webpack-dev-server@2.9.1
然后对webpack.config.js文件:
然后配置package.json文件(优先在本地查找),方便启动本地服务。
启动服务:npm run dev
默认运行在本地端口 :localhost:8080,点击链接访问即可 此时再去修改代码,不需要运行npm run build,也无需刷新页面,即可实现页面内容的更新。
重新配置package.json文件:
快捷键 Ctrl+C 退出终端服务,然后输入命令:npm run dev即可直接打开运行结果,而不需要再次点击链接进行访问。
此时,我们就可以在这个本地服务其中进行测试,测试完成之后,运行一次npm run build进行打包,发送给服务器进行部署即可,而不需每一次测试都进行一个打包操作。