什么是场景Scene

一个项目的前端可以在不同的宿主环境中运行,比如Web浏览器、Electron、IOS、Android、微信、企业微信、钉钉,等等

CabloyJS 3.0引入了一个场景Scene的概念。我们可以定义多个Scene,一个Scene用于一个或者多个宿主环境。这样,我们就可以为不同的Scene提供不同的配置,在构建时输出不同的前端文件

基于场景的Config

CabloyJS内置了几个多场景的配置文件

src/front/config
|- config.default.js
|- config.web.js
|- config.app.js
名称 说明
config.default.js 包含所有场景通用的缺省配置
config.web.js 是场景web的配置文件,web是默认场景
config.app.js 如果我们想增加一个场景app,只需增加文件config.app.js即可

基于场景的构建

  1. 构建默认场景web

当npm脚本不带参数scene时,默认构建web场景

$ npm run build:front
  1. 构建场景app
$ npm run build:front -- --scene=app