webpack-搭建本地服务器
webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现让浏览器自动刷新显示我们修改后的结果。
1.安装webpack-dev-server
npm install --save-dev webpack-dev-server@2.9.3
2.修改config.js里面的配置:
devSever:{
contentBase:'./dist',
inline:true
}
3.在package中添加“dev”
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack",
"dev":"webpack-dev-server"
},
4.打包运行
npm run dev
5.犯了一个很低级的错误
server 我写成了sever。。。找了半天问题