webpack配置热更新

638 阅读1分钟

1、使用npm全局安装webpack,vue-cli,webpack-cli

      npm install webpack -g

      npm install webpack vue-cli -g

      npm install --save-dev webpack-cli -g(ps:webpack4以上版本将webpack与webpack-cli分开,所以需要全局安装webpack-cli)

2、安装依赖

      npm install/cnpm install

3、package.json中添加dev

    "dev": "webpack-dev-server -inline --hot --open --port 8080 "(端口号可修改)


4、安装webpack-dev-server(成功后可在package.json中找到)

     终端输入 cnpm i webpack-dev-server -D


5、终端输入npm run dev 自动打开页面,此时再次修改code,保存后,浏览器(http://localhost:8080/)不必刷新即显示最新页面状态


(以上个人总结,如有错误欢迎批评指正^-^)