@modern-js/module-tools 1.1.5 → 1.3.2

package/src/tasks/build-source-code.ts

@@ -1,234 +0,0 @@
-import { Import, fs } from '@modern-js/utils';
-import type { NormalizedConfig, CoreOptions } from '@modern-js/core';
-import type { BabelOptions, IVirtualDist } from '@modern-js/babel-compiler';
-import type { ITsconfig } from '../types';
-import { initEnv } from '../utils/init-env';
-
-const babelCompiler: typeof import('@modern-js/babel-compiler') = Import.lazy(
-  '@modern-js/babel-compiler',
-  require,
-);
-const glob: typeof import('glob') = Import.lazy('glob', require);
-const argv: typeof import('process.argv').default = Import.lazy(
-  'process.argv',
-  require,
-);
-const core: typeof import('@modern-js/core') = Import.lazy(
-  '@modern-js/core',
-  require,
-);
-const bc: typeof import('../utils/babel') = Import.lazy(
-  '../utils/babel',
-  require,
-);
-const ts: typeof import('../utils/tsconfig') = Import.lazy(
-  '../utils/tsconfig',
-  require,
-);
-
-export enum Compiler {
-  babel,
-  esbuild,
-  swc,
-}
-
-interface IBuildSourceCodeConfig {
-  babelConfig: BabelOptions;
-  srcRootDir: string;
-  willCompilerDirOrFile: string;
-  distDir: string;
-  compiler: Compiler;
-  projectData: {
-    appDirectory: string;
-  };
-  sourceMaps?: boolean;
-  tsconfigPath: string;
-}
-
-const runBabelCompiler = async (
-  willCompilerFiles: string[],
-  config: IBuildSourceCodeConfig,
-  babelConfig: BabelOptions = {},
-) => {
-  const { srcRootDir, distDir } = config;
-  // TODO: 判断lynx模式下，修改distFileExtMap: {'js': 'js', 'jsx': 'jsx', 'ts': 'js', 'tsx': 'jsx'}
-  return babelCompiler.compiler(
-    {
-      quiet: true,
-      enableVirtualDist: true,
-      rootDir: srcRootDir,
-      filenames: willCompilerFiles,
-      distDir,
-    },
-    babelConfig,
-  );
-};
-
-export const getWillCompilerCode = (
-  srcDirOrFile: string,
-  option: { tsconfig: ITsconfig | null; isTsProject: boolean },
-) => {
-  const { tsconfig, isTsProject } = option;
-  // 如果是一个文件路径，则直接返回
-  if (fs.existsSync(srcDirOrFile) && fs.lstatSync(srcDirOrFile).isFile()) {
-    return [srcDirOrFile];
-  }
-
-  const getExts = (isTs: boolean) => {
-    // TODO: 是否受控tsconfig.json 里的jsx配置
-    let exts = [];
-    if (isTs) {
-      exts = tsconfig?.compilerOptions?.allowJs
-        ? ['.ts', '.tsx', '.js', '.jsx']
-        : ['.ts', '.tsx'];
-    } else {
-      exts = ['.js', '.jsx'];
-    }
-
-    return exts;
-  };
-
-  const exts = getExts(isTsProject);
-  const globPattern = `${srcDirOrFile}/**/*{${exts.join(',')}}`;
-  const files = glob.sync(globPattern, {
-    ignore: [`${srcDirOrFile}/**/*.d.ts`],
-    absolute: true,
-  });
-
-  return files;
-};
-
-export const buildSourceCode = async (config: IBuildSourceCodeConfig) => {
-  const {
-    compiler,
-    willCompilerDirOrFile,
-    tsconfigPath,
-    sourceMaps,
-    babelConfig,
-  } = config;
-  const tsconfig = ts.readTsConfig(tsconfigPath);
-  const willCompilerFiles = getWillCompilerCode(willCompilerDirOrFile, {
-    tsconfig,
-    isTsProject: Boolean(tsconfig),
-  });
-
-  let distSet = null;
-  if (compiler === Compiler.babel) {
-    distSet = await runBabelCompiler(willCompilerFiles, config, {
-      ...babelConfig,
-      sourceMaps,
-    });
-  } else {
-    distSet = {
-      code: 1,
-      message: 'no compiler',
-    };
-  }
-
-  return distSet;
-};
-
-const generatorRealFiles = (virtualDists: IVirtualDist[]) => {
-  for (const virtualDist of virtualDists) {
-    const { distPath, code, sourcemap, sourceMapPath } = virtualDist;
-    fs.ensureFileSync(distPath);
-    fs.writeFileSync(distPath, code);
-    if (sourcemap.length > 0) {
-      fs.ensureFileSync(sourceMapPath);
-      fs.writeFileSync(sourceMapPath, sourcemap);
-    }
-  }
-};
-
-interface ITaskConfig {
-  srcRootDir: string; // 源码的根目录
-  willCompilerDirOrFile: string; // 用于编译的源码文件或者源码目录
-  distDir: string;
-  appDirectory: string;
-  sourceMaps: boolean;
-  syntax: 'es5' | 'es6+';
-  type: 'module' | 'commonjs';
-  tsconfigPath: string;
-  copyDirs?: string;
-  compiler?: 'babel' | 'esbuild' | 'swc';
-  watch: boolean;
-}
-const defaultConfig: ITaskConfig = {
-  srcRootDir: `${process.cwd()}/src`,
-  willCompilerDirOrFile: `${process.cwd()}/src`,
-  distDir: './dist/js/temp',
-  compiler: 'babel',
-  appDirectory: '',
-  sourceMaps: false,
-  tsconfigPath: '',
-  syntax: 'es5',
-  type: 'module',
-  watch: false,
-};
-const taskMain = async ({
-  modernConfig,
-}: {
-  modernConfig: NormalizedConfig;
-}) => {
-  // Execution of the script's parameter handling and related required configuration acquisition
-  const processArgv = argv(process.argv.slice(2));
-  const config = processArgv<ITaskConfig>(defaultConfig);
-  process.env.BUILD_FORMAT = initEnv(config);
-  const compiler = Compiler.babel; // Currently, only babel is supported.
-  const babelConfig = bc.resolveBabelConfig(config.appDirectory, modernConfig, {
-    sourceAbsDir: config.srcRootDir,
-    tsconfigPath: config.tsconfigPath,
-    syntax: config.syntax,
-    type: config.type,
-  });
-
-  const {
-    code,
-    message,
-    messageDetails,
-    virtualDists = [],
-  } = await buildSourceCode({
-    distDir: config.distDir,
-    srcRootDir: config.srcRootDir,
-    willCompilerDirOrFile: config.willCompilerDirOrFile,
-    sourceMaps: config.sourceMaps,
-    compiler,
-    projectData: { appDirectory: config.appDirectory },
-    tsconfigPath: config.tsconfigPath,
-    babelConfig,
-  });
-
-  if (code === 0) {
-    generatorRealFiles(virtualDists);
-    // 执行成功log使用 console.info
-    console.info('[Babel Compiler]: Successfully');
-  } else if (messageDetails && messageDetails.length > 0) {
-    console.error(message);
-    for (const detail of messageDetails || []) {
-      console.error(detail.content);
-    }
-  }
-
-  if (code === 0 && config.copyDirs) {
-    const copyList = config.copyDirs.split(',');
-    for (const copyDir of copyList) {
-      fs.ensureDirSync(copyDir);
-      fs.copySync(config.distDir, copyDir);
-    }
-  }
-};
-
-(async () => {
-  let options: CoreOptions | undefined;
-  if (process.env.CORE_INIT_OPTION_FILE) {
-    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
-  }
-  const { resolved } = await core.cli.init([], options);
-  await core.manager.run(async () => {
-    try {
-      await taskMain({ modernConfig: resolved });
-    } catch (e) {
-      console.error(e);
-    }
-  });
-})();

package/src/tasks/build-style.ts

@@ -1,194 +0,0 @@
-import * as path from 'path';
-import { fs, Import } from '@modern-js/utils';
-import type {
-  NormalizedConfig,
-  IAppContext,
-  CoreOptions,
-} from '@modern-js/core';
-import type { ICompilerResult, PostcssOption } from '@modern-js/style-compiler';
-import type { ModuleToolsOutput } from '../types';
-
-const cssConfig: typeof import('@modern-js/css-config') = Import.lazy(
-  '@modern-js/css-config',
-  require,
-);
-const core: typeof import('@modern-js/core') = Import.lazy(
-  '@modern-js/core',
-  require,
-);
-const compiler: typeof import('@modern-js/style-compiler') = Import.lazy(
-  '@modern-js/style-compiler',
-  require,
-);
-const glob: typeof import('glob') = Import.lazy('glob', require);
-const hooks: typeof import('@modern-js/module-tools-hooks') = Import.lazy(
-  '@modern-js/module-tools-hooks',
-  require,
-);
-
-const STYLE_DIRS = 'styles';
-const SRC_STYLE_DIRS = 'src';
-
-const checkStylesDirExist = (option: { appDirectory: string }) => {
-  const { appDirectory } = option;
-  return fs.existsSync(path.join(appDirectory, STYLE_DIRS));
-};
-
-const generatorFileOrLogError = (
-  result: ICompilerResult,
-  successMessage = '',
-) => {
-  if (result.code === 0 && result.dists.length > 0) {
-    for (const file of result.dists) {
-      fs.ensureFileSync(file.filename);
-      fs.writeFileSync(file.filename, file.content);
-    }
-    if (successMessage) {
-      console.info(successMessage);
-    }
-  } else {
-    for (const file of result.errors) {
-      console.error(file.error);
-    }
-  }
-};
-
-const getPostcssOption = (
-  appDirectory: string,
-  modernConfig: NormalizedConfig,
-): PostcssOption => {
-  const postcssOption = cssConfig.getPostcssConfig(
-    appDirectory,
-    modernConfig,
-    false,
-  );
-  return {
-    plugins: postcssOption?.postcssOptions?.plugins || [],
-    enableSourceMap: (postcssOption as any)?.sourceMap || false,
-    options: {},
-  } as any;
-};
-
-const copyOriginStyleFiles = ({
-  targetDir,
-  outputDir,
-}: {
-  targetDir: string;
-  outputDir: string;
-}) => {
-  const styleFiles = glob.sync(`${targetDir}/**/*.{css,sass,scss,less}`);
-  if (styleFiles.length > 0) {
-    fs.ensureDirSync(outputDir);
-  }
-  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));
-  }
-};
-
-const taskMain = async ({
-  modernConfig,
-  appContext,
-}: {
-  modernConfig: NormalizedConfig;
-  appContext: IAppContext;
-}) => {
-  const {
-    assetsPath = 'styles',
-    path: outputPath = 'dist',
-    jsPath = 'js',
-  } = modernConfig.output as ModuleToolsOutput;
-  const { appDirectory } = appContext;
-
-  const lessOption = await core
-    .mountHook()
-    .moduleLessConfig(
-      { modernConfig },
-      { onLast: async (_: any) => undefined },
-    );
-  const sassOption = await core
-    .mountHook()
-    .moduleSassConfig(
-      { modernConfig },
-      { onLast: async (_: any) => undefined },
-    );
-  const tailwindPlugin = await core
-    .mountHook()
-    .moduleTailwindConfig(
-      { modernConfig },
-      { onLast: async (_: any) => undefined },
-    );
-  const postcssOption = getPostcssOption(appDirectory, modernConfig);
-  if (tailwindPlugin) {
-    postcssOption.plugins?.push(tailwindPlugin);
-  }
-
-  const { importStyle } = modernConfig.output as ModuleToolsOutput;
-  const existStylesDir = checkStylesDirExist({ appDirectory });
-  // 编译 styles 目录样式
-  if (existStylesDir) {
-    const styleResult = await compiler.styleCompiler({
-      projectDir: appDirectory,
-      stylesDir: path.resolve(appDirectory, STYLE_DIRS),
-      outDir: path.join(appDirectory, outputPath, assetsPath),
-      enableVirtualDist: true,
-      compilerOption: {
-        less: lessOption,
-        sass: sassOption,
-        postcss: postcssOption,
-      },
-    });
-    generatorFileOrLogError(
-      styleResult!,
-      `[Style Compiler] Successfully for 'styles' dir`,
-    );
-  }
-
-  // 编译 src 内的样式代码
-  const srcDir = path.resolve(appDirectory, SRC_STYLE_DIRS);
-  const outputDirtoSrc = path.join(
-    appDirectory,
-    outputPath,
-    jsPath,
-    assetsPath,
-  );
-  if (importStyle === 'compiled-code') {
-    const srcStyleResult = await compiler.styleCompiler({
-      projectDir: appDirectory,
-      stylesDir: srcDir,
-      outDir: outputDirtoSrc,
-      enableVirtualDist: true,
-      compilerOption: {
-        less: lessOption,
-        sass: sassOption,
-        postcss: postcssOption,
-      },
-    });
-    generatorFileOrLogError(
-      srcStyleResult!,
-      `[Style Compiler] Successfully for 'src' dir`,
-    );
-  } else {
-    copyOriginStyleFiles({ targetDir: srcDir, outputDir: outputDirtoSrc });
-  }
-};
-
-(async () => {
-  let options: CoreOptions | undefined;
-  if (process.env.CORE_INIT_OPTION_FILE) {
-    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
-  }
-  hooks.buildLifeCycle();
-  const { resolved: modernConfig, appContext } = await core.cli.init(
-    [],
-    options,
-  );
-  await core.manager.run(async () => {
-    try {
-      await taskMain({ modernConfig, appContext });
-    } catch (e: any) {
-      console.error(e.toString());
-    }
-  });
-})();

package/src/tasks/build-watch-source-code.ts

@@ -1,186 +0,0 @@
-import { Import, fs } from '@modern-js/utils';
-import type { NormalizedConfig, CoreOptions } from '@modern-js/core';
-import type { ICompilerResult, IVirtualDist } from '@modern-js/babel-compiler';
-import type { ITsconfig } from '../types';
-import { initEnv } from '../utils/init-env';
-
-const babelCompiler: typeof import('@modern-js/babel-compiler') = Import.lazy(
-  '@modern-js/babel-compiler',
-  require,
-);
-const logger: typeof import('../features/build/logger') = Import.lazy(
-  '../features/build/logger',
-  require,
-);
-const ts: typeof import('../utils/tsconfig') = Import.lazy(
-  '../utils/tsconfig',
-  require,
-);
-const babel: typeof import('../utils/babel') = Import.lazy(
-  '../utils/babel',
-  require,
-);
-const core: typeof import('@modern-js/core') = Import.lazy(
-  '@modern-js/core',
-  require,
-);
-const argv: typeof import('process.argv').default = Import.lazy(
-  'process.argv',
-  require,
-);
-
-const generatorRealFiles = (virtualDists: IVirtualDist[]) => {
-  for (const virtualDist of virtualDists) {
-    const { distPath, code, sourcemap, sourceMapPath } = virtualDist;
-    fs.ensureFileSync(distPath);
-    fs.writeFileSync(distPath, code);
-    if (sourcemap.length > 0) {
-      fs.ensureFileSync(sourceMapPath);
-      fs.writeFileSync(sourceMapPath, sourcemap);
-    }
-  }
-};
-
-const runBabelCompiler = async (
-  config: ITaskConfig,
-  modernConfig: NormalizedConfig,
-) => {
-  const { tsconfigPath } = config;
-  const babelConfig = babel.resolveBabelConfig(
-    config.appDirectory,
-    modernConfig,
-    {
-      sourceAbsDir: config.srcRootDir,
-      tsconfigPath,
-      syntax: config.syntax,
-      type: config.type,
-    },
-  );
-  const tsconfig = ts.readTsConfig<ITsconfig>(tsconfigPath || '', {});
-  const isTs = Boolean(tsconfig);
-
-  const getExts = (isTsProject: boolean) => {
-    // TODO: 是否受控tsconfig.json 里的jsx配置
-    let exts = [];
-    if (isTsProject) {
-      exts = tsconfig?.compilerOptions?.allowJs
-        ? ['.ts', '.tsx', '.js', '.jsx']
-        : ['.ts', '.tsx'];
-    } else {
-      exts = ['.js', '.jsx'];
-    }
-
-    return exts;
-  };
-  const emitter = await babelCompiler.compiler(
-    {
-      enableVirtualDist: true,
-      quiet: true,
-      enableWatch: true,
-      rootDir: config.srcRootDir,
-      distDir: config.distDir,
-      watchDir: config.srcRootDir,
-      extensions: getExts(isTs),
-    },
-    { ...babelConfig, sourceMaps: config.sourceMaps },
-  );
-  emitter.on(babelCompiler.BuildWatchEvent.compiling, () => {
-    console.info(logger.clearFlag, `Compiling...`);
-  });
-  emitter.on(
-    babelCompiler.BuildWatchEvent.firstCompiler,
-    (result: ICompilerResult) => {
-      if (result.code === 1) {
-        console.error(logger.clearFlag);
-        console.error(result.message);
-        for (const detail of result.messageDetails || []) {
-          console.error(detail.content);
-        }
-      } else {
-        generatorRealFiles(result.virtualDists!);
-        console.info(logger.clearFlag, '[Babel Compiler]: Successfully');
-      }
-    },
-  );
-
-  emitter.on(
-    babelCompiler.BuildWatchEvent.watchingCompiler,
-    (result: ICompilerResult) => {
-      if (result.code === 1) {
-        console.error(logger.clearFlag);
-        console.error(result.message);
-        for (const detail of result.messageDetails || []) {
-          console.error(detail.content);
-        }
-        if (
-          Array.isArray(result.virtualDists) &&
-          result.virtualDists?.length > 0
-        ) {
-          generatorRealFiles(result.virtualDists);
-        }
-      } else {
-        generatorRealFiles(result.virtualDists!);
-        console.info(result.message);
-      }
-    },
-  );
-  await emitter.watch();
-};
-
-const buildSourceCode = async (
-  config: ITaskConfig,
-  modernConfig: NormalizedConfig,
-) => {
-  const { compiler } = config;
-  if (compiler === 'babel') {
-    await runBabelCompiler(config, modernConfig);
-  }
-};
-
-interface ITaskConfig {
-  srcRootDir: string; // 源码的根目录
-  distDir: string;
-  appDirectory: string;
-  sourceMaps: boolean;
-  syntax: 'es5' | 'es6+';
-  type: 'module' | 'commonjs';
-  tsconfigPath: string;
-  copyDirs?: string;
-  compiler?: 'babel' | 'esbuild' | 'swc';
-}
-
-const taskMain = async ({
-  modernConfig,
-}: {
-  modernConfig: NormalizedConfig;
-}) => {
-  const processArgv = argv(process.argv.slice(2));
-  const config = processArgv<ITaskConfig>({
-    srcRootDir: `${process.cwd()}/src`,
-    distDir: '',
-    compiler: 'babel',
-    appDirectory: '',
-    sourceMaps: false,
-    tsconfigPath: '',
-    syntax: 'es5',
-    type: 'module',
-  });
-  process.env.BUILD_FORMAT = initEnv(config);
-
-  await buildSourceCode(config, modernConfig);
-};
-
-(async () => {
-  let options: CoreOptions | undefined;
-  if (process.env.CORE_INIT_OPTION_FILE) {
-    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
-  }
-  const { resolved } = await core.cli.init([], options);
-  await core.manager.run(async () => {
-    try {
-      await taskMain({ modernConfig: resolved });
-    } catch (e) {
-      console.error(e);
-    }
-  });
-})();