Fes.js

命令行工具

create-fes-app

通过 create-fes-app 命令创建项目模板，输入create-fes-app -h则可以看到如下信息：

Usage: create-fes-app <name>

Options:
    -v, --version            Output the current version
    -h, --help               Display help for command   
    -f, --force              Overwrite target directory if it exists
    -m, --merge              Merge target directory if it exists
1
2
3
4
5
6
7

可以在本机安装后使用：

# 全局安装
yarn global add @fesjs/create-fes-app

# 创建模板
create-fes-app fes-app
1
2
3
4
5
# 全局安装
npm i -g @fesjs/create-fes-app

# 创建模板
create-fes-app fes-app
1
2
3
4
5

推荐使用 yarn create 和 npx 方式创建模板，一直使用最新的模板：

# 创建模板
yarn create @fesjs/fes-app myapp

# 安装依赖
yarn 

# 运行
yarn dev
1
2
3
4
5
6
7
8
# 创建模板
npx @fesjs/create-fes-app myapp

# 安装依赖
npm install 

# 运行
npm run dev
1
2
3
4
5
6
7
8

fes

需要在项目根目录执行 fes 命令，输入fes -h则可以看到如下信息：

Usage: fes <command> [options]

一个好用的前端应用解决方案

Options:
  -v, --vers         output the current version
  -h, --help         display help for command

Commands:
  build              build application for production
  dev [options]      start a local http service for development
  help               show command helps
  info               print debugging information about your environment
  webpack [options]  inspect webpack configurations

  Run fes <command> --help for detailed usage of given command.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

fes dev

启动本地开发服务器进行项目的开发调试。

Usage: fes dev [options]

start a local http service for development

Options:
  --port      http service port, like 8080
  --https     whether to turn on the https service
  -h, --help  display help for command
1
2
3
4
5
6
7
8

比如：

fes dev --port=8080
1

fes build

编译构建 web 产物。

Usage: fes build [options]

build application for production

Options:
  -h, --help  display help for command
1
2
3
4
5
6

比如：

fes build
1

fes help

打印帮助文档。 比如：

fes help
1

fes info

打印当前项目的有用的环境信息，用来帮助定位问题。

Usage: fes info [options]

print debugging information about your environment

Options:
  -h, --help  display help for command
1
2
3
4
5
6

比如：

fes info
1

fes webpack

查看项目使用的 webpack 配置。

Usage: fes webpack [options]

inspect webpack configurations

Options:
  --rule <ruleName>      inspect a specific module rule
  --plugin <pluginName>  inspect a specific plugin
  --rules                list all module rule names
  --plugins              list all plugin names
  --verbose              show full function definitions in output
  -h, --help             display help for command
1
2
3
4
5
6
7
8
9
10
11

比如：

fes webpack
1