pangpang

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #llm #deep-learning #docker #java #cli #awesome-list #pytorch #openai #ios

(★ 8)

:pig: react-redux-router4-antd 脚手架，胖胖不会让我失望的

pangpang Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# PangPang胖胖-React前端脚手架

这是关于react的现成的架构。修改了Facebook官方的脚手架：create-react-app。
本架构集合技术栈：
  * `create-react-app`
  * `react-router 4`
  * `redux`
  * `antd`
  * `css-modules`
  * `immutable`
  * `chunk懒加载`
  * `devSeverver热更新`
  * `jest单元测试`
  * `webpack 4`

## 运行方法

下载了此仓库, 你需要:

### `npm install`

安装所需要的依赖库

### `npm start`
首次运行自动打开浏览器，跳转至http://localhost:3000

在浏览器打开 [http://localhost:3000](http://localhost:3000).

你可以看到此项目的[demo](https://chhxin.github.io/pangpang-demo/).

### `npm test`

运行 App.test.js 进行单元测试

### `npm run build`

生产模式。打包chunk及抽离css，图片资源等

## 文件目录

下载后, 你的目录大概这样:

```
pangpang-app/
  build   -----打包后生成的文件目录
  config
    jest  -----单元测试配置
      cssTransform.js
      fileTransform.js
    env.js  -----单元测试配置
    paths.js  -----公共path提取
    polyfills.js -----单元测试配置
    webpack.config.dev.js  -----dev的webpack配置
    webpack.config.prod.js  -----生产的webpack配置
    webpack.config.base.js  -----webpack的公共配置(module,resolve,devServer,node等)
  node_modules/ -----下载的模块(需要手动npm install)
  scripts  -----package.json的script模块加载配置
    build.js
    start.js
    test.js
  public/  ------公共资源库
    index.html
    favicon.ico
    manifest.json
  src/
    actions -----redux 的 action目录
    component  -----react展示组件目录
    pages -----容器组件
    reducers  -----reduxcer 集合入口文件
    store -----store的配置
    utils
      asyncComponent.jsx -----chunk配置
      AsyncComponentFn.jsx  -----chunk的配置
      BaseComponent.jsx -----基于immutable的容器
      auth.js ----- 登录鉴权
      config.js ----- 接口配置
      request.js ----- 封装的reqwest
    Router.js ------ 路由入口
    App.test.js  ----- 单元测试demo
    index.css  ----- rest.css hackcss
    index.js ------ 入口文件
  package.json ------ 配置文件
```

**关于css模块**:

src目录中都用了css模块化。
node_modules 是普通的css-loader

```

pangpang

pangpang Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

pangpang

pangpang Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README