Foxtrel NPM | npm.io

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后,编译输出地址将为当前地址,而不是根据项目名称的地址。等等。。。。