Webpack03 前端服务配置及热更新

171 阅读1分钟

设置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

#参考文章 jspang.com/posts/2017/…