Webpack配置热更新web服务

1、安装插件

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

Webpack配置热更新web服务_第1张图片

2、package.json中配置script启动脚本

package.json

 "scripts": {
    "dev": "webpack-dev-server --inline --hot --open --port 8080 --host 127.0.0.1"
  },

Webpack配置热更新web服务_第2张图片

inline:自动刷新

--hot:热加载

--port:指定端口

--open:自动在默认浏览器打开

--host:可以指定服务器的 ip,不指定则为127.0.0.1

3、运行脚本

npm run dev

Webpack配置热更新web服务_第3张图片

4、测试

Webpack配置热更新web服务_第4张图片

你可能感兴趣的:(Vue)