Skip to content

Latest commit

 

History

History
54 lines (51 loc) · 3.01 KB

README.md

File metadata and controls

54 lines (51 loc) · 3.01 KB
Raw

monkey-react-scripts example

This repository is used as an minimal example of using the monkey-react-scripts and create-react-app customization without ejecting or --scripts-version flag.

what happened

  • create app
    • yarn create react-app monkey-react-scripts-example
  • git init, move readme file (ca1a7b9)
  • add monkey-react-scripts (93566ba)
    • add package: yarn add monkey-react-scripts
    • add webpack.monkey.js file
    • edit package.json file
  • add webpack-visualizer-plugin (f966fce)
    • add package: yarn add webpack-visualizer-plugin
    • add ./webpack-helpers/pluginsPatch.js and use it in webpack.monkey.js
    • build project: yarn build
    • check build/stats.html file
  • add decorator support (a9d844b)
    • add package yarn add babel-plugin-transform-decorators-legacy
    • and webpack-helpers/utils.js (add findRule function)
    • add webpack-helpers/babelPatch.js and use it in webpack.monkey.js
    • add and use sample decorator
  • add sass support (cbdf2d5)
    • add package yarn add node-sass sass-loader
    • edit webpack-helpers/utils.js (add addRule function)
    • add webpack-helpers/cssPatch.js and use it in webpack.monkey.js
    • add and use sample sass file
  • edit postcss configs (9095c31)
    • add package yarn add postcss-inline-rtl
    • edit webpack-helpers/cssPatch.js
    • add required changes in src/index.js and sample.scss
  • upgrade to react-scripts@2.0.3 (d759030)
    • upgrade dependencies
    • change decorator plugin
    • remove sass-loader and rename sassPatch.js to cssPatch.js
    • change patches to support create-react-app@2
  • upgrade to react-scripts@2.1.2 (5c674b8)
    • upgrade dependencies
    • fix cssPatch.js
  • upgrade to monkey-react-scripts@0.2.0 (8f1ec1c)
    • add & enable .babelrc
    • test works correctly