一、为什么需要搭建本地服务
因为每一次执行的过程中,都需要先执行npm run build
执行代码,然后再启动服务器来开启服务。但是每一次修改文件的时候,都需要重新执行命令,导致运行效率不高。
我们可以更改package.json
中的代码,将"build": "webpack "
改为"build":"webpack --watch"
。或者可以直接在webpack.config.js
中设置watch:true
。
二、使用webpack-dev-server
上面我们使用watch
来对代码进行监听,不能实现浏览器自动刷新的功能。所以此时我们使用webpack-deb-server
其在本地开启一个服务器,并且可以检测代码是否改变来进行打包。
使用方法:
(1):安装
npm install webpack-dev-server
(2):在wbepack.config.js中进行配置
devServer:{
contentBase:<