Vue-cli 命令行服务

318 阅读2分钟
  • 在Vue Cli项目中,@vue/cli-service 安装一个名为vue-cli-servise

  • 这是你将在package.json使用默认预设的项目中看到的内容:

    image.png

  • 你可以使用npmYarn 调用这些脚本

    image.png

vue-cli-service 服务

 vue-cli-service serve [options] [entry]
 options:
     --open   open browser on server start // 服务器启动时打开浏览器
     --copy   copy url to clipboard on server start //服务器启动时将本地服务url复制到剪切板
     --mode   specify env mode(default: development) //指定环境模式(默认:开发模式)
     --host   specify host (default: 0.0.0.0) // 指定主机(默认:0.0.0.0)
     --port   specify port (default: 8080) // 指定端口(默认:8080)
     --https  use https (default: false) // 使用https
     --public specify the public network URL for the HMR client //指定HMR客户端的公共网络URL
     --skip-plugins comma-separeted list of plugin names to skip for this run //要为此运行跳 过的插件名称的逗号分隔列表
  • vue-cli-service serve 该命令启动一个服务器(基于webpack-server),该服务器开箱即用的热模块替换(HMR)。
  • 除了命令行标志之外,你还可以使用vue.config.js。

vue-cli-服务构建

 vue-cli-service build [options] [entry|pattern]
 options:
     -- mode // 指定环境模式(默认: production)
     -- dest // 指定输出目录(默认:dist)
     -- modern //针对具有自动回退功能的现代浏览器构建应用程序
     -- target app | lib |wc |wc-async(default: app) 
     -- formats //库生成的输出格式列表(默认值:commonjs、umd、umd min)
     -- inline-vue //将Vue模块包括在库或web组件目标的最终捆绑包中
     -- name //lib或web组件模式的名称(package.json或条目文件名中的默认值:“name”)
     -- filename //输出的文件名,仅可用于“lib”目标(默认值为--name)
     -- no-clean //在生成项目之前不要删除dist目录内容
     -- report //生成报告帮助分析捆绑内容的.html
     -- report-json //生成报告帮助分析捆绑内容的.json
     -- skip-plugins //要为此运行跳过的以逗号分隔的插件名称列表
     -- watch //注意变化
  • vue-cli-service build 在目录中生成一个生产就绪的包 /dist ,缩小 JS/CSS/HTML和自动供应商块拆分以更好的缓存。