vue-cli——爬坑

1、vue-cli 4 无法热更新

  vue-cli 4 需要手动开启热更新，手动安装依赖 webpack-dev-server

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

  在package.json文件中添加脚本

"dev": "vue-cli-service serve --open && webpack-dev-server --open"

  在vue.config.js 文件中的 devServer 对象中添加

  devServer: {
    ...
    compress: true,
    disableHostCheck: true,
    ...
  },

2、启动服务默认打开两个浏览器窗口

 把package.json文件中的 dev 脚本改为

"dev": "vue-cli-service serve --open", // （实际上是添加了 --open）

 在 vue.config.js 文件中，把 devServer 对象的 open 属性设置为 false

  devServer: {
    ...
    open: false,
  },