webpack window dev-server配置

2022-01-06 06:09:01

1.安装webpack dev-server

　　npm install --save-dev webpack webpack-dev-server

著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：张轩
链接：http://zhuanlan.zhihu.com/p/20367175
来源：知乎

安装完毕后在config中添加配置

module.exports = {
  ....
  devServer: {
    historyApiFallback: true,
    hot: true,
    inline: true,
    progress: true,
  },
  ...
}

然后再package.json里面配置一下运行的命令,npm支持自定义一些命令

...
"scripts": {
  "start": "webpack-dev-server --hot --inline"
},
...

好了，万事具备了，在项目根目录下输入npm start,一堆花花绿绿的信息后server已经起来了，在浏览器里面输入http://localhost:8080 发现伟大的hello world出现了，在js里面随便修改一些输出然后保存, boom!浏览器自动刷新，新的结果出现了。

码农公寓