vue-cli-service和webpack-dev-server的区别及说明

更新时间：2023年10月30日 15:45:05 作者：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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue实现百度下拉列表交互操作示例
这篇文章主要介绍了vue实现百度下拉列表交互操作,结合实例形式分析了vue.js使用jsonp针对百度接口进行交互的相关操作技巧,需要的朋友可以参考下
2019-03-03
Vue中input被赋值后,无法再修改编辑的问题及解决
这篇文章主要介绍了Vue中input被赋值后,无法再修改编辑的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
vue-cli —— 如何局部修改Element样式
这篇文章主要介绍了vue如何局部修改Element样式，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
2020-10-10
Vue实现点击按钮下载文件的操作代码(后端Java)
最近项目中需要实现点击按钮下载文件的需求，前端用的vue后端使用的java代码，今天通过本文给大家分享vue点击按钮下载文件的实现代码，需要的朋友参考下吧
2021-08-08
Vue+Nodejs使用WebSocket创建一个简易聊天室教程
这篇文章主要介绍了Vue+Nodejs使用WebSocket创建一个简易聊天室教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2025-06-06
vue中elementUI里面一些插件的使用
Element UI是一套基于Vue的桌面端组件库,封装好了很多常用的UI组件,下面这篇文章主要给大家介绍了关于vue中elementUI里面一些插件的使用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-06-06
vue实现不定高虚拟列表的示例详解
这篇文章主要为大家详细介绍了在vue环境单页面项目下,如何实现不定高虚拟列表,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
2023-10-10
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
这篇文章主要介绍了详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
vue实现导入json解析成动态el-table树表格
本文主要介绍了vue实现导入json解析成动态el-table树表格，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-02-02
Vue实例挂载的全流程详解
理解 Vue 实例的挂载过程,不仅有助于我们更好地掌握 Vue 的核心原理,还能提高我们在开发中的调试和优化能力,下面就跟随小编一起学习一下吧
2024-12-12