vue-cli-service 使用教程

官网：
https://cli.vuejs.org/zh/guide/cli-service.html#vue-cli-service-serve

官网：https://cli.vuejs.org/zh/config/#vue-config-js

说明：本文介绍Vue的vue-cli-service的用法

概述

vue-cli-service是将webpack-dev-server 做了一层包装，所以， webpack-dev-server的配置方法也可以直接拿来使用

命令

• vue-cli-service serve

说明： 运行服务
vue-cli-service serve 会启动一个基于webpack-dev-server的开发服务器，并附带模块热重载（Hot-Module-Replacement）

用法：vue-cli-service serve [options] [entry]

选项

• –open
  - 在服务器启动时打开浏览器
• –copy
  - 在服务器启动时将URL复制到剪贴板
• –mode
  - 指定环境模式（默认值： development）
• –host
  - 指定host(默认值：0.0.0.0)
• –port
  - 指定 port（默认： 8080）
• –https
  - 使用https(默认值： false)

• vue-cli-service build

说明： 打包
vue-cli-service build 会在dist/ 目录生成一个可用生产环境的包。
打包特点

• 压缩JS/CSS/HTML
• 自动的 vendor chunk splitting
  • 这样可以更好的缓存
• chunk manifest 会内联在HTML里

用法：vue-cli-service build [options] [entry|pattern]

选项

• –mode
  - 指定环境模式（默认值： production）
• –dest
  - 指定输出目录(默认值：dist)
• –modern
  - 指定 现代模式构建应用， 为现代浏览器交付原生支持的ES2015代码，并生成一个兼容老浏览器的包用来自动会退
• –target
  - app | lib | wc | wc-async(默认值： app)
  - 允许你将项目中的任何组件以一个库或者Web Components 组件的方式进行构建，详见：构建目标
• –name
  - 库或Web Components 模式下的名字（默认值： package.json中的name字段或入口文件名）
• –clean
  - 在构建项目之前不清楚目标目录的内容
• –report
  - 生成report.json 以帮助分析包内容。例如：包中包含的模块们的大小
• –watch
  - 监听文件变化

跨域

跨域配置
vue跨域_IT利刃出鞘的博客-CSDN博客