vue-cli-service和webpack-dev-server的区别及说明
作者：azhang190426
这篇文章主要介绍了vue-cli-service和webpack-dev-server的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
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
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。