Skip to main content

模块选择说明

状态模块#

fvx create欢迎使用fvx, 灵活构建react项目~🎉🎉🎉? 是否创建新的项目? Yes? 请输入项目名称? proj? 请输入作者? mike? 请选择公共管理状态? (Press <space> to select, <a> to toggle all, <i> to invert selection)❯◉ no need ◯ mobx ◯ redux

可以根据项目需求选择不同的公共管理状态模块, 说明如下:

  • no need 如果项目不需要复杂的状态管理模块, 可选此项, 不会安装任何项目管理状态模块;
  • mobx 为React常见的公共管理状态模块,可以根据自己的喜欢选择, 如选择并会在脚手架中安装对应的`npm`包和配置文件;
  • redux 为React常见的公共管理状态模块,可以根据自己的喜欢选择, 如选择并会在脚手架中安装对应的`npm`包和配置文件;

其它模块#

? 请选择相应的模块? (Press <space> to select, <a> to toggle all, <i> to invert selection)❯◉ sass-loader ◯ less-loader ◯ typescript ◉ image(url-loader,file-loader)

通过上下键来移动到选定的项上, 空格键表示选中当前项, 字母a键表示全选, 字母i键表示反选;

  • sass-loader 项目中使用到scss可以选择此模块, 选中会安装sass-loader, node-sass等安装包,并且会默认配置好webpack配置项, 用户可以开箱即用;
  • less-loader 项目中使用到less可以选择此模块, 选中会安装less-loader, less等安装包,并且会默认配置好webpack配置项, 用户可以开箱即用;
  • typescript 如果是Typescript项目, 选中会安装ts-loader, typescript等安装包,并且会默认配置好webpack配置项, 同时会生成可用的tsconfig.json配置文件, 用户可以开箱即用;
  • image(url-loader, file-loader) 项目中使用到图片, 自定义字体等静态资源需要安装此模块, 选中会安装url-loader, file-loader等安装包,并且会默认配置好webpack配置项, 用户可以开箱即用;
danger

在同一个项目脚手架中, 不建议同时使用less-loader 和sass-loader 两个css预处理器, 目前Fvx 不支持这种形式;