-
在Vue Cli项目中,
@vue/cli-service安装一个名为vue-cli-servise。 -
这是你将在
package.json使用默认预设的项目中看到的内容: -
你可以使用
npm或Yarn调用这些脚本
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和自动供应商块拆分以更好的缓存。