react-scripts-inversify

Inversify configuration and scripts for Create React App.

Usage no npm install needed!

<script type="module">
  import reactScriptsInversify from 'https://cdn.skypack.dev/react-scripts-inversify';
</script>

README

react-scripts-inversify

This is a fork of react-scripts. This fork changes the tsconfig.json and webpack.config.js to retain metadata that can be used at runtime (for dependency injection for example).

To use these scripts, add --scripts-version react-scripts-inversify when creating a new app.

For example:

npx create-react-app my-app --scripts-version react-scripts-inversify

alternatively

npx create-react-app-inversify my-app

Changes:

tsconfig.json

  • experimentalDecorators: true
  • emitDecoratorMetadata: true

webpack.config.js

  • uses ts-loader rather than babel to compile typescript. Decorator metadata no longer removed.

This package includes scripts and configuration used by Create React App.
Please refer to its documentation: