@modern-js/module-tools 1.0.0-rc.4 → 1.0.0-rc.9

package/CHANGELOG.md

@@ -1,5 +1,120 @@
 # @modern-js/module-tools
 
+## 1.0.0-rc.9
+
+### Patch Changes
+
+- 224f7fe: fix server route match
+- 204c626: feat: initial
+- Updated dependencies [224f7fe]
+- Updated dependencies [204c626]
+  - @modern-js/babel-preset-module@1.0.0-rc.9
+  - @modern-js/core@1.0.0-rc.9
+  - @modern-js/css-config@1.0.0-rc.9
+  - @modern-js/i18n-cli-language-detector@1.0.0-rc.9
+  - @modern-js/plugin-analyze@1.0.0-rc.9
+  - @modern-js/plugin-changeset@1.0.0-rc.9
+  - @modern-js/plugin-fast-refresh@1.0.0-rc.9
+  - @modern-js/plugin-i18n@1.0.0-rc.9
+  - @modern-js/new-action@1.0.0-rc.9
+  - @modern-js/babel-compiler@1.0.0-rc.9
+  - @modern-js/style-compiler@1.0.0-rc.9
+  - @modern-js/module-tools-hooks@1.0.0-rc.9
+  - @modern-js/plugin@1.0.0-rc.9
+  - @modern-js/utils@1.0.0-rc.9
+
+## 1.0.0-rc.8
+
+### Patch Changes
+
+- 224f7fe: fix server route match
+- 204c626: feat: initial
+- Updated dependencies [224f7fe]
+- Updated dependencies [204c626]
+  - @modern-js/babel-preset-module@1.0.0-rc.8
+  - @modern-js/core@1.0.0-rc.8
+  - @modern-js/css-config@1.0.0-rc.8
+  - @modern-js/i18n-cli-language-detector@1.0.0-rc.8
+  - @modern-js/plugin-analyze@1.0.0-rc.8
+  - @modern-js/plugin-changeset@1.0.0-rc.8
+  - @modern-js/plugin-fast-refresh@1.0.0-rc.8
+  - @modern-js/plugin-i18n@1.0.0-rc.8
+  - @modern-js/new-action@1.0.0-rc.8
+  - @modern-js/babel-compiler@1.0.0-rc.8
+  - @modern-js/style-compiler@1.0.0-rc.8
+  - @modern-js/module-tools-hooks@1.0.0-rc.8
+  - @modern-js/plugin@1.0.0-rc.8
+  - @modern-js/utils@1.0.0-rc.8
+
+## 1.0.0-rc.7
+
+### Patch Changes
+
+- 224f7fe: fix server route match
+- 204c626: feat: initial
+- Updated dependencies [224f7fe]
+- Updated dependencies [204c626]
+  - @modern-js/babel-preset-module@1.0.0-rc.7
+  - @modern-js/core@1.0.0-rc.7
+  - @modern-js/css-config@1.0.0-rc.7
+  - @modern-js/i18n-cli-language-detector@1.0.0-rc.7
+  - @modern-js/plugin-analyze@1.0.0-rc.7
+  - @modern-js/plugin-changeset@1.0.0-rc.7
+  - @modern-js/plugin-fast-refresh@1.0.0-rc.7
+  - @modern-js/plugin-i18n@1.0.0-rc.7
+  - @modern-js/new-action@1.0.0-rc.7
+  - @modern-js/babel-compiler@1.0.0-rc.7
+  - @modern-js/style-compiler@1.0.0-rc.7
+  - @modern-js/module-tools-hooks@1.0.0-rc.7
+  - @modern-js/plugin@1.0.0-rc.7
+  - @modern-js/utils@1.0.0-rc.7
+
+## 1.0.0-rc.6
+
+### Patch Changes
+
+- 224f7fe: fix server route match
+- 204c626: feat: initial
+- Updated dependencies [224f7fe]
+- Updated dependencies [204c626]
+  - @modern-js/babel-preset-module@1.0.0-rc.6
+  - @modern-js/core@1.0.0-rc.6
+  - @modern-js/css-config@1.0.0-rc.6
+  - @modern-js/i18n-cli-language-detector@1.0.0-rc.6
+  - @modern-js/plugin-analyze@1.0.0-rc.6
+  - @modern-js/plugin-changeset@1.0.0-rc.6
+  - @modern-js/plugin-fast-refresh@1.0.0-rc.6
+  - @modern-js/plugin-i18n@1.0.0-rc.6
+  - @modern-js/new-action@1.0.0-rc.6
+  - @modern-js/babel-compiler@1.0.0-rc.6
+  - @modern-js/style-compiler@1.0.0-rc.6
+  - @modern-js/module-tools-hooks@1.0.0-rc.6
+  - @modern-js/plugin@1.0.0-rc.6
+  - @modern-js/utils@1.0.0-rc.6
+
+## 1.0.0-rc.5
+
+### Patch Changes
+
+- 224f7fe: fix server route match
+- 204c626: feat: initial
+- Updated dependencies [224f7fe]
+- Updated dependencies [204c626]
+  - @modern-js/babel-preset-module@1.0.0-rc.5
+  - @modern-js/core@1.0.0-rc.5
+  - @modern-js/css-config@1.0.0-rc.5
+  - @modern-js/i18n-cli-language-detector@1.0.0-rc.5
+  - @modern-js/plugin-analyze@1.0.0-rc.5
+  - @modern-js/plugin-changeset@1.0.0-rc.5
+  - @modern-js/plugin-fast-refresh@1.0.0-rc.5
+  - @modern-js/plugin-i18n@1.0.0-rc.5
+  - @modern-js/new-action@1.0.0-rc.5
+  - @modern-js/babel-compiler@1.0.0-rc.5
+  - @modern-js/style-compiler@1.0.0-rc.5
+  - @modern-js/module-tools-hooks@1.0.0-rc.5
+  - @modern-js/plugin@1.0.0-rc.5
+  - @modern-js/utils@1.0.0-rc.5
+
 ## 1.0.0-rc.4
 
 ### Patch Changes

package/dist/js/modern/commands/build.js

@@ -13,11 +13,9 @@ export const build = async ({
   platform
 }) => {
   const {
-    value: {
-      appDirectory
-    }
+    appDirectory
   } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: {
       path: outputPath = 'dist'

package/dist/js/modern/commands/dev.js

@@ -9,8 +9,8 @@ export const dev = async option => {
   const {
     tsconfig: tsconfigName
   } = option;
-  const appContext = core.useAppContext().value;
-  const modernConfig = core.useResolvedConfigContext().value;
+  const appContext = core.useAppContext();
+  const modernConfig = core.useResolvedConfigContext();
   const {
     appDirectory
   } = appContext;

package/dist/js/modern/features/build/build-watch.js

@@ -10,7 +10,7 @@ const constants = Import.lazy('./constants', require);
 export const buildInWatchMode = async (config, _) => {
   const {
     appDirectory
-  } = core.useAppContext().value;
+  } = core.useAppContext();
   const {
     sourceDir,
     enableTscCompiler

package/dist/js/modern/features/build/build.js

@@ -15,7 +15,7 @@ export const buildSourceCode = async (config, _) => {
   } = config;
   const {
     appDirectory
-  } = core.useAppContext().value;
+  } = core.useAppContext();
   const concurrency = os.cpus().length;
   const srcRootDir = path.join(appDirectory, sourceDir);
   const lm = new lg.LoggerManager();

package/dist/js/modern/features/build/utils.js

@@ -35,14 +35,14 @@ export const getCodeInitMapper = _ => {
       packageFields,
       packageMode
     }
-  } = core.useResolvedConfigContext().value;
+  } = core.useResolvedConfigContext();
   let initMapper = []; // 如果不存在packageFields配置或者packageFields为空对象，则使用 packageMode
 
   if (!packageFields || typeof packageFields === 'object' && Object.keys(packageFields).length === 0) {
     initMapper = constants.PACKAGE_MODES[packageMode || constants.DEFAULT_PACKAGE_MODE];
   } else if (packageFields && Object.keys(packageFields).length > 0) {
-    if (packageFields['modern']) {
-      initMapper = updateMapper(packageFields['modern'], 'modern', initMapper);
+    if (packageFields.modern) {
+      initMapper = updateMapper(packageFields.modern, 'modern', initMapper);
     }
 
     if (packageFields.main) {
@@ -54,7 +54,7 @@ export const getCodeInitMapper = _ => {
     } // TODO: 如果存在其他配置，需要提示
 
 
-    if (!packageFields['modern'] && !packageFields.main && !packageFields.module) {
+    if (!packageFields.modern && !packageFields.main && !packageFields.module) {
       console.error(chalk.red(`Unrecognized ${JSON.stringify(packageFields)} configuration, please use keys: 'modern, main, jupiter:modern' and use values: 'CJS+ES6, ESM+ES5, ESM+ES6'`)); // eslint-disable-next-line no-process-exit
 
       process.exit(1);
@@ -73,11 +73,9 @@ export const getCodeMapper = ({
   willCompilerDirOrFile
 }) => {
   const {
-    value: {
-      appDirectory
-    }
+    appDirectory
   } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: {
       enableSourceMap,
@@ -104,11 +102,9 @@ export const getCodeMapper = ({
 
 export const getDtsMapper = (config, logger) => {
   const {
-    value: {
-      appDirectory
-    }
+    appDirectory
   } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: {
       disableTsChecker,

package/dist/js/modern/features/dev/index.js

@@ -34,7 +34,7 @@ export const devStorybook = async config => {
   if (findStorybook) {
     await findStorybook.runTask(config);
   } else {
-    console.info(chalk.yellow('You need to enable storybook functionality with the `new` script or `modern new` or install @modern-js/plugin-storybook')); // eslint-disable-next-line no-process-exit
+    console.info(chalk.yellow('No development features found.\nYou can use the `new` command to enable the development features')); // eslint-disable-next-line no-process-exit
 
     process.exit(0);
   }

package/dist/js/modern/tasks/build-style.js

@@ -56,6 +56,7 @@ const copyOriginStyleFiles = ({
 
   for (const styleFile of styleFiles) {
     const file = path.relative(targetDir, styleFile);
+    fs.ensureDirSync(path.dirname(path.join(outputDir, file)));
     fs.copyFileSync(styleFile, path.join(outputDir, file));
   }
 };

package/dist/js/modern/utils/babel.js

@@ -62,7 +62,9 @@ export const resolveBabelConfig = (appDirectory, modernConfig, option) => {
   }, {
     type: option.type,
     syntax: option.syntax
-  });
+  }); // Preventing warning when files are too large
+
+  internalBabelConfig.compact = false;
   const babelChain = getModuleBabelChain({
     appDirectory,
     enableReactPreset: true,

package/dist/js/node/commands/build.js

@@ -31,11 +31,9 @@ const build = async ({
   platform
 }) => {
   const {
-    value: {
-      appDirectory
-    }
+    appDirectory
   } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: {
       path: outputPath = 'dist'

package/dist/js/node/commands/dev.js

@@ -27,8 +27,8 @@ const dev = async option => {
   const {
     tsconfig: tsconfigName
   } = option;
-  const appContext = core.useAppContext().value;
-  const modernConfig = core.useResolvedConfigContext().value;
+  const appContext = core.useAppContext();
+  const modernConfig = core.useResolvedConfigContext();
   const {
     appDirectory
   } = appContext;

package/dist/js/node/features/build/build-watch.js

@@ -30,7 +30,7 @@ const constants = _utils.Import.lazy('./constants', require);
 const buildInWatchMode = async (config, _) => {
   const {
     appDirectory
-  } = core.useAppContext().value;
+  } = core.useAppContext();
   const {
     sourceDir,
     enableTscCompiler

package/dist/js/node/features/build/build.js

@@ -35,7 +35,7 @@ const buildSourceCode = async (config, _) => {
   } = config;
   const {
     appDirectory
-  } = core.useAppContext().value;
+  } = core.useAppContext();
   const concurrency = os.cpus().length;
   const srcRootDir = path.join(appDirectory, sourceDir);
   const lm = new lg.LoggerManager();

package/dist/js/node/features/build/utils.js

@@ -51,14 +51,14 @@ const getCodeInitMapper = _ => {
       packageFields,
       packageMode
     }
-  } = core.useResolvedConfigContext().value;
+  } = core.useResolvedConfigContext();
   let initMapper = []; // 如果不存在packageFields配置或者packageFields为空对象，则使用 packageMode
 
   if (!packageFields || typeof packageFields === 'object' && Object.keys(packageFields).length === 0) {
     initMapper = constants.PACKAGE_MODES[packageMode || constants.DEFAULT_PACKAGE_MODE];
   } else if (packageFields && Object.keys(packageFields).length > 0) {
-    if (packageFields['modern']) {
-      initMapper = updateMapper(packageFields['modern'], 'modern', initMapper);
+    if (packageFields.modern) {
+      initMapper = updateMapper(packageFields.modern, 'modern', initMapper);
     }
 
     if (packageFields.main) {
@@ -70,7 +70,7 @@ const getCodeInitMapper = _ => {
     } // TODO: 如果存在其他配置，需要提示
 
 
-    if (!packageFields['modern'] && !packageFields.main && !packageFields.module) {
+    if (!packageFields.modern && !packageFields.main && !packageFields.module) {
       console.error(_utils.chalk.red(`Unrecognized ${JSON.stringify(packageFields)} configuration, please use keys: 'modern, main, jupiter:modern' and use values: 'CJS+ES6, ESM+ES5, ESM+ES6'`)); // eslint-disable-next-line no-process-exit
 
       process.exit(1);
@@ -92,11 +92,9 @@ const getCodeMapper = ({
   willCompilerDirOrFile
 }) => {
   const {
-    value: {
-      appDirectory
-    }
+    appDirectory
   } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: {
       enableSourceMap,
@@ -126,11 +124,9 @@ exports.getCodeMapper = getCodeMapper;
 
 const getDtsMapper = (config, logger) => {
   const {
-    value: {
-      appDirectory
-    }
+    appDirectory
   } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: {
       disableTsChecker,

package/dist/js/node/features/dev/index.js

@@ -51,7 +51,7 @@ const devStorybook = async config => {
   if (findStorybook) {
     await findStorybook.runTask(config);
   } else {
-    console.info(_chalk.default.yellow('You need to enable storybook functionality with the `new` script or `modern new` or install @modern-js/plugin-storybook')); // eslint-disable-next-line no-process-exit
+    console.info(_chalk.default.yellow('No development features found.\nYou can use the `new` command to enable the development features')); // eslint-disable-next-line no-process-exit
 
     process.exit(0);
   }

package/dist/js/node/tasks/build-style.js

@@ -72,6 +72,8 @@ const copyOriginStyleFiles = ({
   for (const styleFile of styleFiles) {
     const file = path.relative(targetDir, styleFile);
 
+    _utils.fs.ensureDirSync(path.dirname(path.join(outputDir, file)));
+
     _utils.fs.copyFileSync(styleFile, path.join(outputDir, file));
   }
 };

package/dist/js/node/utils/babel.js

@@ -74,7 +74,9 @@ const resolveBabelConfig = (appDirectory, modernConfig, option) => {
   }, {
     type: option.type,
     syntax: option.syntax
-  });
+  }); // Preventing warning when files are too large
+
+  internalBabelConfig.compact = false;
   const babelChain = (0, _babelPresetModule.getModuleBabelChain)({
     appDirectory,
     enableReactPreset: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modern-js/module-tools",
-  "version": "1.0.0-rc.4",
+  "version": "1.0.0-rc.9",
   "bin": {
     "modern": "./bin/modern.js"
   },
@@ -33,20 +33,20 @@
     "@babel/runtime": "^7",
     "@babel/traverse": "^7.15.0",
     "@babel/types": "^7.15.0",
-    "@modern-js/babel-compiler": "^1.0.0-rc.4",
-    "@modern-js/babel-preset-module": "^1.0.0-rc.4",
-    "@modern-js/core": "^1.0.0-rc.4",
-    "@modern-js/css-config": "^1.0.0-rc.4",
-    "@modern-js/i18n-cli-language-detector": "^1.0.0-rc.4",
-    "@modern-js/module-tools-hooks": "^1.0.0-rc.4",
-    "@modern-js/new-action": "^1.0.0-rc.4",
-    "@modern-js/plugin": "^1.0.0-rc.4",
-    "@modern-js/plugin-analyze": "^1.0.0-rc.4",
-    "@modern-js/plugin-changeset": "^1.0.0-rc.4",
-    "@modern-js/plugin-fast-refresh": "^1.0.0-rc.4",
-    "@modern-js/plugin-i18n": "^1.0.0-rc.4",
-    "@modern-js/style-compiler": "^1.0.0-rc.4",
-    "@modern-js/utils": "^1.0.0-rc.4",
+    "@modern-js/babel-compiler": "^1.0.0-rc.9",
+    "@modern-js/babel-preset-module": "^1.0.0-rc.9",
+    "@modern-js/core": "^1.0.0-rc.9",
+    "@modern-js/css-config": "^1.0.0-rc.9",
+    "@modern-js/i18n-cli-language-detector": "^1.0.0-rc.9",
+    "@modern-js/module-tools-hooks": "^1.0.0-rc.9",
+    "@modern-js/new-action": "^1.0.0-rc.9",
+    "@modern-js/plugin": "^1.0.0-rc.9",
+    "@modern-js/plugin-analyze": "^1.0.0-rc.9",
+    "@modern-js/plugin-changeset": "^1.0.0-rc.9",
+    "@modern-js/plugin-fast-refresh": "^1.0.0-rc.9",
+    "@modern-js/plugin-i18n": "^1.0.0-rc.9",
+    "@modern-js/style-compiler": "^1.0.0-rc.9",
+    "@modern-js/utils": "^1.0.0-rc.9",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.2",
     "dotenv": "^10.0.0",
@@ -65,7 +65,7 @@
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.15.0",
-    "@modern-js/babel-chain": "^1.0.0-rc.4",
+    "@modern-js/babel-chain": "^1.0.0-rc.9",
     "@types/babel__core": "^7.1.15",
     "@types/babel__generator": "^7.6.3",
     "@types/babel__traverse": "^7.14.2",
@@ -78,8 +78,8 @@
     "@types/signale": "^1.4.2",
     "commander": "^8.1.0",
     "typescript": "^4",
-    "@modern-js/plugin-testing": "^1.0.0-rc.3",
-    "@modern-js/module-tools": "^1.0.0-rc.3"
+    "@modern-js/plugin-testing": "^1.0.0-rc.9",
+    "@modern-js/module-tools": "^1.0.0-rc.9"
   },
   "sideEffects": false,
   "modernConfig": {
@@ -87,7 +87,7 @@
       "packageMode": "node-js"
     }
   },
-  "publicCnfig": {
+  "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },

package/src/commands/build.ts

@@ -37,10 +37,8 @@ export const build = async ({
   clear = true,
   platform,
 }: IBuildOption) => {
-  const {
-    value: { appDirectory },
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const { appDirectory } = core.useAppContext();
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: { path: outputPath = 'dist' },
   } = modernConfig;

package/src/commands/dev.ts

@@ -25,8 +25,8 @@ export interface IDevOption {
 
 export const dev = async (option: IDevOption) => {
   const { tsconfig: tsconfigName } = option;
-  const appContext = core.useAppContext().value;
-  const modernConfig = core.useResolvedConfigContext().value;
+  const appContext = core.useAppContext();
+  const modernConfig = core.useResolvedConfigContext();
   const { appDirectory } = appContext;
   const tsconfigPath = path.join(appDirectory, tsconfigName);
 

package/src/features/build/build-watch.ts

@@ -22,7 +22,7 @@ export const buildInWatchMode = async (
   config: IBuildConfig,
   _: NormalizedConfig,
 ) => {
-  const { appDirectory } = core.useAppContext().value;
+  const { appDirectory } = core.useAppContext();
   const { sourceDir, enableTscCompiler } = config;
   const srcRootDir = path.join(appDirectory, sourceDir);
   const concurrency = os.cpus().length;

package/src/features/build/build.ts

@@ -23,7 +23,7 @@ export const buildSourceCode = async (
   _: NormalizedConfig,
 ) => {
   const { sourceDir, enableTscCompiler } = config;
-  const { appDirectory } = core.useAppContext().value;
+  const { appDirectory } = core.useAppContext();
   const concurrency = os.cpus().length;
   const srcRootDir = path.join(appDirectory, sourceDir);
   const lm = new lg.LoggerManager();

package/src/features/build/utils.ts

@@ -40,7 +40,7 @@ const updateMapper = (
 export const getCodeInitMapper = (_: IBuildConfig) => {
   const {
     output: { packageFields, packageMode },
-  } = core.useResolvedConfigContext().value as ModuleToolsConfig;
+  } = core.useResolvedConfigContext() as ModuleToolsConfig;
   let initMapper: IPackageModeValue[] = [];
 
   // 如果不存在packageFields配置或者packageFields为空对象，则使用 packageMode
@@ -52,12 +52,8 @@ export const getCodeInitMapper = (_: IBuildConfig) => {
     initMapper =
       constants.PACKAGE_MODES[packageMode || constants.DEFAULT_PACKAGE_MODE];
   } else if (packageFields && Object.keys(packageFields).length > 0) {
-    if (packageFields['modern']) {
-      initMapper = updateMapper(
-        packageFields['modern'],
-        'modern',
-        initMapper,
-      );
+    if (packageFields.modern) {
+      initMapper = updateMapper(packageFields.modern, 'modern', initMapper);
     }
 
     if (packageFields.main) {
@@ -73,11 +69,7 @@ export const getCodeInitMapper = (_: IBuildConfig) => {
     }
 
     // TODO: 如果存在其他配置，需要提示
-    if (
-      !packageFields['modern'] &&
-      !packageFields.main &&
-      !packageFields.module
-    ) {
+    if (!packageFields.modern && !packageFields.main && !packageFields.module) {
       console.error(
         chalk.red(
           `Unrecognized ${JSON.stringify(
@@ -108,10 +100,8 @@ export const getCodeMapper = ({
   srcRootDir: string;
   willCompilerDirOrFile: string;
 }) => {
-  const {
-    value: { appDirectory },
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const { appDirectory } = core.useAppContext();
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: { enableSourceMap, jsPath = 'js', path: distDir = 'dist' },
   } = modernConfig as ModuleToolsConfig;
@@ -147,10 +137,8 @@ export const getCodeMapper = ({
 
 // 获取执行生成 d.ts 的参数
 export const getDtsMapper = (config: IBuildConfig, logger: LoggerText) => {
-  const {
-    value: { appDirectory },
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext().value;
+  const { appDirectory } = core.useAppContext();
+  const modernConfig = core.useResolvedConfigContext();
   const {
     output: { disableTsChecker, path: outputPath = 'dist' },
   } = modernConfig as ModuleToolsConfig;

package/src/features/dev/index.ts

@@ -53,7 +53,7 @@ export const devStorybook = async (config: IDevConfig) => {
   } else {
     console.info(
       chalk.yellow(
-        'You need to enable storybook functionality with the `new` script or `modern new` or install @modern-js/plugin-storybook',
+        'No development features found.\nYou can use the `new` command to enable the development features',
       ),
     );
     // eslint-disable-next-line no-process-exit

package/src/tasks/build-style.ts

@@ -82,6 +82,7 @@ const copyOriginStyleFiles = ({
   }
   for (const styleFile of styleFiles) {
     const file = path.relative(targetDir, styleFile);
+    fs.ensureDirSync(path.dirname(path.join(outputDir, file)));
     fs.copyFileSync(styleFile, path.join(outputDir, file));
   }
 };

package/src/utils/babel.ts

@@ -73,6 +73,10 @@ export const resolveBabelConfig = (
       syntax: option.syntax,
     },
   );
+
+  // Preventing warning when files are too large
+  internalBabelConfig.compact = false;
+
   const babelChain = getModuleBabelChain(
     {
       appDirectory,