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中引入路径@的用法及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue生成pdf文件步骤及pdf分页隔断处理方法

    vue生成pdf文件步骤及pdf分页隔断处理方法

    最近遇到一个需求,需要把内容下载生成pdf文件,但转换过程中内容总是会被截断,就很难受,从网上找到了解决办法分享给大家,这篇文章主要给大家介绍了关于vue生成pdf文件步骤及pdf分页隔断处理的相关资料,需要的朋友可以参考下
    2024-02-02
  • Vue中使用Echarts可视化图表宽度自适应的完美解决方案

    Vue中使用Echarts可视化图表宽度自适应的完美解决方案

    这篇文章主要介绍了Vue中使用Echarts可视化图表,宽度自适应解决方案,我的解决方案是,在放置Echarts的容器(div)外层再套一层容器(div),外层容器宽度固定设置手机屏幕宽,感兴趣的朋友跟随小编一起看看吧
    2022-09-09
  • 浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验

    浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验

    这次我想给大家介绍的内存泄漏的定位方法,并非工具的使用。而是一些经验的总结,也就是我所知道的 VueJS SSR 中最容易出现内存泄漏的地方,非常具有实用价值,需要的朋友可以参考下
    2018-12-12
  • vue全局组件与局部组件使用方法详解

    vue全局组件与局部组件使用方法详解

    这篇文章主要为大家详细介绍了vue全局组件与局部组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • vue中@click和@click.native.prevent的区别

    vue中@click和@click.native.prevent的区别

    这篇文章主要介绍了vue中@click和@click.native.prevent的区别,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue深拷贝的3种实现方式小结

    vue深拷贝的3种实现方式小结

    当使用同一个对象产生冲突时,可以使用lodash包,对该对象进行深拷贝,从而使操作的对象为不同的对象,这篇文章主要给大家介绍了关于vue深拷贝的3种实现方式,需要的朋友可以参考下
    2023-02-02
  • vue实现倒计时获取验证码效果

    vue实现倒计时获取验证码效果

    这篇文章主要为大家详细介绍了vue实现倒计时获取验证码效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • vue单页应用中如何使用jquery的方法示例

    vue单页应用中如何使用jquery的方法示例

    最近在工作中遇到的一个需求,需要在vue-cli建立的应用中引入jquery的方式,通过查找相关的资料最终解决了,所以这篇文章主要给大家介绍了关于在vue单页应用中如何使用jquery的方法示例,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07
  • Vue uni-app以H5模式引入Jquery配置教程

    Vue uni-app以H5模式引入Jquery配置教程

    这篇文章主要为大家介绍了Vue uni-app以H5模式引入Jquery配置教程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09

最新评论