右边是基于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
参考链接
发表评论