feat: Add APPSRC to the environment variable.

src/config/env.ts

@@ -72,6 +72,8 @@ function getClientEnvironment(publicUrl: string): ClientEnvironment {
         // Useful for determining whether we’re running in production mode.
         // Most importantly, it switches React into the correct mode.
         NODE_ENV: process.env.NODE_ENV || 'development',
+        // The babel contains the entry directory.
+        APPSRC: process.env.APPSRC || paths.appSrc,
         // Useful for resolving the correct path to static assets in `public`.
         // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
         // This should only be used as an escape hatch. Normally you would put

src/plugs/babel-loader.ts

@@ -8,7 +8,7 @@ module.exports = (conf: Configuration, options: OptionConf) => {
     // The preset includes JSX, Flow, TypeScript, and some ESnext features.
     {
       test: /\.(js|mjs|jsx|ts|tsx)$/,
-      include: paths.appSrc as string,
+      include: options.dotenv.raw.APPSRC || paths.appSrc,
       loader: require.resolve('babel-loader'),
       options: {
         presets: [

src/type/type.ts

@@ -13,6 +13,10 @@ export interface ClientEnvironment {
     NODE_ENV?: 'development' | 'production' | string;
     PUBLIC_URL?: string;
     IMAGE_INLINE_SIZE_LIMIT?: string;
+    /**
+     * The babel contains the entry directory.
+     */
+    APPSRC?: string;
   },
   stringified: {
     'process.env': ClientEnvironment['raw'],