快速开始

github上clone代码,通过下面介绍的命令,进行开发或者生产构建。

环境

下载

$ git clone https://github.com/sxfad/react-admin.git

安装依赖

$ cd react-admin
$ yarn

注:首次使用yarn安装依赖可能比较慢,可以切换到国内镜像,或者翻墙。

开发启动

$ cd react-admin
$ yarn start

# 指定端口
$ PORT=8080 yarn start

# HTTPS方式启动
$ HTTPS=true yarn start

# 不清除终端log,如果要调试构建脚本时,比较实用
$ FORCE_COLOR=true yarn start | cat

注:启动会有点慢,耐心等待一会儿,启动成功后会自动打开浏览器。 windows环境下可以使用 cross-env设置命令行变量。

生产构建

$ cd react-admin
$ yarn build

注:构建生成的文件在 /react-admin/build 目录下;nginx配置参考

域名子目录发布项目

如果项目需要挂载到域名的一个子目录下,比如 http://xxx.com/react-admin, 可以修改src/router/AppRouter.jsx中的ROUTE_BASE_NAME常量。 生产构建时添加PUBLIC_URL参数(开发时不需要)。

修改src/router/AppRouter.jsx

...
export const ROUTE_BASE_NAME = '/react-admin';
...

开发

启动:

$ yarn start

访问:

http://localhost:4001/react-admin/

生产

构建:

$ PUBLIC_URL=/react-admin yarn build

访问:

http://xxx.com/react-admin

results matching ""

    No results matching ""