react-cli

project template is here: react-cli-template

Getting started

Installation

npm i @jinxyang/react-cli -g

Basic usage

development

react-cli dev

bundle

react-cli build

Options

react-cli.config.js (optional)

development server port

module.exports = {
  port: 8080, // default is 3000
}

sass (less)

for now, just support style-resources-loader

module.exports = {
  sass: {
    // for /\.scss$/
    resources: {}, // style-resources-loader's options
  },
  less: {
    // for /\.less$/
    resources: {}, // style-resources-loader's options
  },
}

development server proxy

use http-proxy-middleware

module.exports = {
  proxy: [
    {
      path: '/api',
      options: {}, // createProxyMiddleware's options
    },
  ],
}

custom splitChunks

module.exports = {
  splitChunks: {
    cacheGroups: {
      react: {
        name: 'react',
        priority: 10,
        test: /[\\/]node_modules[\\/](react|react-dom|react-router-dom)[\\/]/,
      },
      antd: {
        name: 'antd',
        priority: 10,
        test: /[\\/]node_modules[\\/](antd|@antd-)/,
      },
    },
  },
}

Feature

• copy files (/static to /dist)
• styled-components & sass & less
• css-modules (ext with .m.[ext])
• postcss (autoprefixer)