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

参考链接

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。