右边是基于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