add ENABLE_SCOPE option

Author: KurtGokhan

README.md

@@ -28,6 +28,7 @@ Environment variables of CRA can be used with React Unity. However, there are so
 - `FAST_REFRESH` - This can be set to `false` to disable `react-refresh` if you are having problems with hot reload
 - `IMAGE_INLINE_SIZE_LIMIT` - `0` by default. Because non-inlined images will be faster in Unity. However, if users still want to inline images, they should increase this limit.
 - `JSX_IMPORT_SOURCE` - Can be used to allow some custom JSX transformations. For example, set this variable to `@emotion/react` for Emotion.
+- `ENABLE_SCOPE` - Can be used to restricts imports to `src` folder only.
 
 Environment variables can also be defined by having `.env`, `.env.local`, `.env.<development|production>` in project folder.
 

config/webpack.config.js

@@ -57,6 +57,7 @@ const emitErrorsAsWarnings = process.env.ESLINT_NO_DEV_ERRORS === 'true';
 const disableESLintPlugin = process.env.DISABLE_ESLINT_PLUGIN === 'true';
 const extractCss = process.env.EXTRACT_CSS === 'true';
 const generateManifest = process.env.GENERATE_MANIFEST !== 'false';
+const enableScope = process.env.ENABLE_SCOPE === 'true';
 
 const imageInlineSizeLimit = parseInt(
   process.env.IMAGE_INLINE_SIZE_LIMIT || '0'
@@ -333,15 +334,15 @@ const baseConfigFactory = function (webpackEnv) {
         // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
         // please link the files into your node_modules/ and let module-resolution kick in.
         // Make sure your source files are compiled, as they will not be processed in any way.
-        new ModuleScopePlugin(paths.appSrc, [
+        enableScope && new ModuleScopePlugin(paths.appSrc, [
           paths.appPackageJson,
           reactRefreshRuntimeEntry,
           reactRefreshWebpackPluginRuntimeEntry,
           babelRuntimeEntry,
           babelRuntimeEntryHelpers,
           babelRuntimeRegenerator,
         ]),
-      ],
+      ].filter(Boolean),
     },
     module: {
       strictExportPresence: true,
@@ -400,7 +401,7 @@ const baseConfigFactory = function (webpackEnv) {
             // The preset includes JSX, Flow, TypeScript, and some ESnext features.
             {
               test: /\.(js|mjs|jsx|ts|tsx)$/,
-              include: paths.appSrc,
+              include: paths.appPath,
               loader: require.resolve('babel-loader'),
               options: {
                 customize: require.resolve(