build lavas 失败_Lavas 命令介绍 - Lavas 教程

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

lavas init

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

9e2ff64d85a9b5038306a5b66e3de7aa.png

lavas build

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

17c855985a97532f1778d6848a677d53.png

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

lavas build config/lavas.another.config.js

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

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

lavas dev

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

a16be8543da282443581b93895e27447.png

为了防止 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 访问即可预览效果。

11742cdc618f1b041854b621cbf27137.png

可用参数

-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。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值