vue-cli-service 和 webpack-dev-server 的区别

 右边是基于webpack init出来的项目结构， 右边是基于 vue-cli 的项目结构

vue-cli我理解是对 webpack 的封装 ，可以减少一些配置操作

执行 serve 命令的函数大致可以分为以下几个部分：

• 获取 webpack 配置：api.resolveWebpackConfig()
• 获取 devServer 配置
• 注入 webpack-dev-server 和 hot-reload（HRM）中间件入口
• 创建 webpack-dev-server 实例

Usage: vue-cli-service serve [options] [entry]

Options:

  --open         open browser on server start
  --copy         copy url to clipboard on server start
  --mode         specify env mode (default: development)
  --host         specify host (default: 0.0.0.0)
  --port         specify port (default: 8080)
  --https        use https (default: false)
  --public       specify the public network URL for the HMR client
  --skip-plugins comma-separated list of plugin names to skip for this run