开发者如果已经尝试过 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 项目的表现时。示例如下:
lavas 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 项目的表现时。示例如下:
lavas dev config/lavas.another.config.js
config 参数为额外配置文件的路径,从运行命令的当前路径开始计算。
可用参数
-p –port
指定端口启动调试服务器(默认 3000)。如 lavas dev --port 8000
lavas start
使用 Lavas 内置的正式服务器启动服务端渲染的 Lavas 项目。一般来说开发者在运行了 lavas build 之后,切换到生成目录(默认是 /dist/)中使用命令 npm install 和 lavas 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。