命令行接口

Vite框架包含了一组命令行接口,涵盖了启动开发服务器、构建、构建预览等功能,这篇笔记我们简单介绍一下。

启动开发服务器

vite命令用于启动开发服务器,在默认的工程模板中,这个命令通常封装为了npm run dev

vite

如果我们需要手动指定主机名和端口,可以使用--host--port选项。此外,还可以指定--open选项设置是否启动开发服务器后,直接打开默认浏览器。

构建项目

vite build用于使用Rollup构建生产版本,默认输出目录为dist

vite build

预览构建产物

vite preview用于预览vite build的构建产物,这个功能简单来说就是本地启动一个静态服务器,并将基础目录指向dist,用来检查vite build的输出结果是否能正常运行。

vite preview

vite命令类似,我们可以使用--host--port选项指定主机名和端口,以及--open选项设置是否启动开发服务器后直接打开默认浏览器。

作者:Gacfox
版权声明:本网站为非盈利性质,文章如非特殊说明均为原创,版权遵循知识共享协议CC BY-NC-ND 4.0进行授权,转载必须署名,禁止用于商业目的或演绎修改后转载。