evan2x/react-redux-boilerplate

A react, react-router, redux, webpack boilerplate.

React Redux Boilerplate

The boilerplate based on react, redux, react router, redux saga, redux actions, webpack, nprogress, axios for rapid project development

Getting Started

# dev (Startup the dev server and the mock server.)
$ npm run dev

# build
$ npm run build

# mock server
$ npm run mock

# lint
$ npm run lint

Configuration

$ open ./build.config.js

const PORT = 8881;
const MOCK_PORT = 8882;

module.exports = {
  title: 'React boilerplate',
  output: './dist',
  vendor: {
    // 打包到dll文件中，按需加载的模块不要写在这里
    modules: [
      '@babel/polyfill',
      '@loadable/component',
      'axios',
      'react',
      'react-dom',
      'react-router',
      'react-router-dom',
      'redux',
      'react-redux',
      'redux-saga',
      'redux-actions',
      'nprogress'
    ]
  },
  port: PORT,
  mockPort: MOCK_PORT,
  proxy: {
    // 以/api开头的请求代理到数据模拟服务
    '/api/*': {
      target: `http://localhost:${MOCK_PORT}/`,
      secure: false
    },
    '/github/api/*': {
      target: 'https://api.github.com',
      changeOrigin: true,
      pathRewrite: {
        '^/github/api': ''
      }
    }
  }
}