CRA also gives you the option to configure everything yourself using ‘ npm eject’, which copies the webpack configuration files to your root folder where you can edit it manually. That is exactly why the create-react-app (CRA) project is so popular - all the webpack configuration of the JSX compilation, babel transpilation and more is pre-configured for you in the ‘react-scripts’ package dependency. But before I show you how, some background is necessary.Ĭhanging the webpack configuration of a react project is not trivial, and many developers would prefer to avoid it as much as possible. In order to consume uncompiled code from an external library we have to tweak and adjust the webpack configuration of the project. Uncompiled Code -Uncompiled code can be imported into the project and included in the build of the project itself.Ī major advantage of importing uncompiled code is the ability to develop the shared library in parallel to the project itself without having to go through all the develop-compile-publish cycle of the shared library. There are two main options here:Ĭompiled Code - Public React shared libraries (such as ant.design, recharts and many more) are packages with fully compiled code that other projects can import.
Let’s deep dive into creating and consuming a shared library.
0 kommentar(er)
