webpack-搭建本地服务器

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。。。找了半天问题