Skip to content

monkey-patches/monkey-react-scripts-example

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy