请通过邮件订阅网站,随时获取最新动态!

# 原型开发

你可以使用 next servenext build 命令对单个 *.vue 文件进行快速原型开发。

# 快速安装

首先,你需要安装一个全局依赖:

npm install -g @startdt/cli-service-global

next serve 的缺点就是它需要安装全局依赖,这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发,尤其在物料开发中非常方便。请参阅:物料开发 > 快速开始

# 开发服务

用法:serve [options] [entry]

在开发环境模式下零配置为 .js 或 .vue 文件启动一个服务器

选项:
    -o, --open  在服务器启动时打开浏览器
    -c, --copy  将本地 URL 复制到剪切板
    -h, --help  显示帮助信息

next serve 使用了和 next create 创建的项目相同的默认配置 (webpack、Babel、PostCSS 和 ESLint)。它会在当前目录自动推导入口文件 —— 入口可以是 main.jsindex.jsApp.vueapp.vue 中的一个。

你也可以显式地指定入口文件:

next serve MyComponent.vue

如果需要,你还可以提供一个 index.htmlpackage.json、安装并使用本地依赖、甚至通过相应的配置文件配置 Babel、PostCSS 和 ESLint。

# 生产构建

Usage: build [options] [entry]

在生产环境模式下零配置构建一个 .js 或 .vue 文件

选项:
    -t, --target <target>  指定构建目标(app | lib | wc | wc-async,默认值:app)
    -n, --name <name>      库的名称或 Web Components 组件的名称(默认值:入口文件名)
    -d, --dest <dir>       指定输出目录(默认值:dist)
    -h, --help             显示帮助信息

你也可以使用 next build 将目标文件构建成一个生产环境的包并用来部署。

next build MyComponent.vue

next build 也提供了将组件构建成为一个库或一个 Web Components 组件的能力。