前端脚手架BigFish

Bigfish 企业级前端开发框架，与常见的前端框架和工具不同，它从工程角度集成了各类功能，从初始化开发到最终上线整套技术方案，解决了前端开发经常遇到的前端技术栈整合配置麻烦、开发联调麻烦、前端资源发布上线麻烦三大痛点。

Bigfish主要具备以下功能：

基于 umi 整合了前端工具链：整合了 Ant Design、Dva、Ant Design Pro 技术栈，最小化成本开发

简化开发联调：提供前端 http 接口的代理，在开发过程中随时切换 mock 和联调接口，方便自测和联调

一站式发布部署：从工程初始化，到研发迭代管理，到一键发布静态资源及页面渲染

安装

想要使用bigfish，首先需要安装版本正确的NodeJS和tnpm，然后到我们要创建bigfish的目录执行：

tnpm install

通过这样安装我们就可以使用bigfish的命令来开发和调试了，他的命令都存放在一个package.json文件中

命令

我们使用bigfish从开发到调试基本都是通过命令行来实现的，所以下面介绍一些常用的命令：

tnpm run dev : 启动本地开发模式并启动应用，通过这种方式启动项目在修改文件之后不需要重复启动，除非你是修改了model，config等配置文件

tnpm run devs : 启动前后端联调模式，通过config.js中的配置找到后端的服务器，进行前后端的联调

tnpm run test : 执行单元测试

tnpx bigfish -v : 查看当前正在执行的bigfish的版本

配置

bigfish中我们通过config/config.js这个文件进行配置，我们在本地的时候可以设置config/config.local.js它会覆盖上一个文件起到本地调试的配置作用。为了让下面的介绍更加直观，我们直接看配置文件的例子，并给出注释：

import pageRoutes from './router.config';

import defaultSettings from '../src/defaultSettings';

export default {

// 应用类型，有三个可添项：

// console 控制台(中台)应用，从 bigfish 1.0 迁移过来的应用请填写该项

// h5，移动端 h5 应用

// site，静态站点类应用

appType: 'console',

// 部署模式，有下面多个可添项：

// bigfishweb，通过 site 对内站点应用(bigfishweb)部署

// assets，适配 Basement 中的 标准前端应用(assets 应用)类型

// sofa，适配 Bigfish 的 SOFA 集成部署模式

// chair，适配 Bigfish 的 Chair 集成部署模式

// offline，离线 h5 应用的部署模式

// online，在线 h5 应用的部署模式

// custom，自定义部署模式，该模式下只会把产物构建到 dist 目录，后续操作可以自定义

deployMode: 'sofa',

因特网上的可用资源

因特网上的可用资源可以用简单字符串来表示，该文档就是描述了这种字符串的语法和语义。而这些字符串则被称为：“统一资源定位器”(URL)。这篇说明源于万维网全球信息主动组织(World Wide Web global informationinitiative)介绍的概念。RFC1630《通用资源标志符》描述了一些对象数据，他们自1990年起就开始使用这些对象数据。这篇URL说明符合《因特网资源定位符的功能需求(Functional Requirements for Internet Resource Locators)》中说明的需求。这篇文档是由工程任务组织(IETF)的URI工作小组写的