foxtrel

前端构建工具,前后端集成解决方案,开箱即用

foxtrel 功能点

• 脚手架,自动生成功能
• 项目自动构建工具功能
• 项目本地服务功能

安装使用

npm install -g foxtrel 
// 安装项目
foxtrel install 模板名称       //如: foxtrel install foxtrel-generater-webapp
//你的项目目录
cd your package dirname
//安装模块
npm install
//编译项目
foxtrel release
//开启本地服务,进行调试
foxtrel server 启动文件    //如 foxtrel server output/server.js

注:如有权限问题,使用sudo foxtrel <command>;

项目生成

脚手架技术选型

• gulp 基于gulp自动化构建工具,生成项目。
• commander 命令行辅助工具,更好的处理用户输入。
• co 异步流程控制工具。
• inquirer 提供一个提问界面和查询会话流程。
• package-json 包更新检测功能。

自定义项目结构和API使用

自定义项目结构说明

编译构建

基于webpack静态模块打包器,进行项目构建。根据用户配置信息加载不同的处理器,进行编译构建。

自定义配置

默认读取配置文件foxtrel.config.js。通过foxtrel release -f,--file 项目名称,修改默认文件。

• 项目类型配置 根据项目类型,将选择不同编译器进行编译。foxtrel.config.set('type', 'react');
• 项目名称配置 根据项目名称,生成编译输出地址foxtrel.config.set('name', 'projectName');
• webpack配置 处理器会提供默认配置,我们可以修改默认配置。如:foxtrel.config.set('webpack.output.path',__dirname+"/dist")。注意,设置 output.path后,编译输出地址将为当前地址,而不是根据项目名称的地址。 等等。。。。

功能点

• watch 监听文件变化,提供watch功能。foxtrel release -w
• clean 清除编译输出的缓存文件。 foxtrel release -c
• open 打开编译输出目录。 foxtrel release open

服务启动

• 支持多进程/集群的本地服务
• 支持服务端ES6编程
• 支持服务端自动刷新
• 支持客服端自动刷新 todo

todo

• React项目热更新
• 客服端自动刷新
• 提供后端框架
• 提供单元测试