Lavas 命令介绍

Lavas 命令介绍

开发者如果已经尝试过 Codelab 中“开发第一个 Lavas 应用”的环境准备步骤,相信对于命令 lavas init 有所了解了。包括这条命令在内,这里将向开发者介绍 Lavas 集成的所有便捷命令。

lavas init

同样在 Codelab 已经提过,使用 lavas init 命令进行项目的初始化,效果如下:

lavas build

使用 Lavas 对项目进行构建,内部会调用 babel, webpack 等,最终生成在 /dist/ 目录中 (可以通过 /lavas.config.js 进行修改),效果如下:

开发者可以在 lavas build 之后加入第三个参数以使用特定的配置文件进行构建,用以取代默认的 /lavas.config.js。这主要用于开发者不想频繁修改配置文件,又想频繁预览不同配置下 Lavas 项目的表现时。示例如下:

1lavas build config/lavas.another.config.js

config 参数为额外配置文件的路径,从运行命令的当前路径开始计算。

更多关于构建的信息可以参见构建配置。

lavas dev

使用 Lavas 内置的调试服务器启动 Lavas 项目,方便开发者进行调试。调试服务器还包含了热加载 (hotreload) 功能,修改绝大部分的文件(如 /pages/, /store/ 等)均需要重启服务器,效果如下:

为了防止 Service Worker 的缓存对频繁改动的开发调试阶段产生影响,使用 lavas dev 启动的调试服务器不会注册 Service Worker。

config 参数从 Lavas 2.2.3 版本开始支持

开发者可以在 lavas dev 之后加入第三个参数以使用特定的配置文件进行构建,用以取代默认的 /lavas.config.js。这主要用于开发者不想频繁修改配置文件,又想频繁预览不同配置下 Lavas 项目的表现时。示例如下:

1lavas dev config/lavas.another.config.js

config 参数为额外配置文件的路径,从运行命令的当前路径开始计算。

可用参数

  • -p --port 指定端口启动调试服务器(默认 3000)。如 lavas dev --port 8000

lavas start

使用 Lavas 内置的正式服务器启动服务端渲染的 Lavas 项目。一般来说开发者在运行了 lavas build 之后,切换到生成目录(默认是 /dist/)中使用命令 npm installlavas start 可以预览线上效果。在这种模式下,所有的代码均经过了 babel 转码和 webpack 压缩,并且 Service Worker 也会被注册,使用 localhost 访问即可预览效果。

可用参数

  • -p --port 指定端口启动正式服务器(默认 3000)。如 lavas dev --port 8000

lavas static

lavas static 从 Lavas 2.2.4 版本开始支持

使用 Lavas 内置的静态服务器以当前目录为基准启动。用法有两种:

  • 构建后的 Lavas SPA 项目(默认 /dist/)启动 SPA 项目在构建后没有 server.prod.js 这类服务器文件,因此无法快速启动预览效果。开发者除了配置转发服务器 (如 nginx, koa, express 等) 之外,也可以通过 lavas static 命令快速启动。 在这种模式下,所有的代码均经过了 babel 转码和 webpack 压缩,并且 Service Worker 也会被注册,使用 localhost 访问即可预览带有 Service Worker 的站点效果。

  • 在任何其他目录启动 以当前目录为基准启动一个简单的静态服务器,可以访问目录内的所有静态资源,供各类调试/传递文件使用。作为一个开发工具,不仅仅局限于 Lavas。