设置webpack-dev-server

安装

npm install webpack-dev-server –s -d

配置

 devServer: { // 配置开发服务功能
        contentBase: path.resolve(__dirname, 'dist'),
        host: '192.168.3.34', // localhost
        compress: true,
        port: 8082 // 80
    }

image.png

命令

  "scripts": {
    "server":"webpack-dev-server"
  },

加上 --open 自动打开页面

  "scripts": {
  "server": "webpack-dev-server --open",
  },

image.png

运行

npm run server

image

参考文章

https://jspang.com/posts/2017/09/16/webpack3.html#%E7%AC%AC04%E8%8A%82%EF%BC%9A%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%EF%BC%9A-%E6%9C%8D%E5%8A%A1%E5%92%8C%E7%83%AD%E6%9B%B4%E6%96%B0