Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: bunless parallel #771

Merged
merged 6 commits into from
Aug 9, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .github/workflows/ci.yml
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,9 @@ jobs:
- name: Install dependencies
run: pnpm i

- name: Build Father Projext
Jinbao1001 marked this conversation as resolved.
Show resolved Hide resolved
run: pnpm run build

- name: Type check
run: pnpm tsc --noEmit

Expand Down
7 changes: 7 additions & 0 deletions docs/config.md
Original file line number Diff line number Diff line change
Expand Up @@ -136,6 +136,13 @@ export default {

配置转换过程中需要忽略的文件,支持 glob 表达式,被匹配的文件将不会输出到产物目录。另外,father 会默认忽略源码目录中所有的 Markdown 文件和测试文件。

#### parallel

- 类型:`boolean`
- 默认值:`false`

指定是否开启并发编译,默认关闭。

### umd

- 类型:`object`
Expand Down
1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,7 @@
"file-system-cache": "2.0.0",
"loader-runner": "4.2.0",
"minimatch": "3.1.2",
"piscina": "^4.6.1",
"tsconfig-paths": "4.0.0",
"typescript": "~5.3.3",
"typescript-transform-paths": "3.4.6",
Expand Down
32 changes: 32 additions & 0 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

150 changes: 93 additions & 57 deletions src/builder/bundless/index.ts
Original file line number Diff line number Diff line change
@@ -1,12 +1,4 @@
import {
chalk,
chokidar,
debug,
glob,
lodash,
rimraf,
winPath,
} from '@umijs/utils';
import { chalk, chokidar, debug, glob, lodash, rimraf } from '@umijs/utils';
import fs from 'fs';
import path from 'path';
import {
Expand All @@ -17,9 +9,67 @@ import {
import { logger } from '../../utils';
import type { BundlessConfigProvider } from '../config';
import getDeclarations from './dts';
import type { ILoaderArgs } from './loaders';
import runLoaders from './loaders';
import { IJSTransformer, IJSTransformerFn } from './loaders/types';
import createParallelLoader from './parallelLoader';

const debugLog = debug(DEBUG_BUNDLESS_NAME);
let parallelLoader: ReturnType<typeof createParallelLoader> | undefined;
/**
* loader item type
*/
interface ILoaderItem {
id: string;
test: string | RegExp | ((path: string) => boolean);
loader: string;
options?: Record<string, any>;
}

export type Loaders = ILoaderItem[];

Jinbao1001 marked this conversation as resolved.
Show resolved Hide resolved
const loaders: ILoaderItem[] = [];

/**
* add loader
* @param item loader item
*/
export function addLoader(item: ILoaderItem) {
// only support simple test type currently, because the webpack condition is too complex
// refer: https://github.com/webpack/webpack/blob/0f6c78cca174a73184fdc0d9c9c2bd376b48557c/lib/rules/RuleSetCompiler.js#L211
if (
!['string', 'function'].includes(typeof item.test) &&
!(item.test instanceof RegExp)
) {
throw new Error(
`Unsupported loader test in \`${item.id}\`, only string, function and regular expression are available.`,
);
}

loaders.push(item);
}

const transformers: Record<string, IJSTransformer> = {};

export interface ITransformerItem {
id: string;
transformer: string;
}

export type Transformers = Record<string, IJSTransformer>;

/**
* add javascript transformer
* @param item
*/
export function addTransformer(item: ITransformerItem) {
const mod = require(item.transformer);
const transformer: IJSTransformerFn = mod.default || mod;
transformers[item.id] = {
fn: transformer,
resolvePath: item.transformer,
};
}

/**
* replace extension for path
Expand All @@ -44,7 +94,8 @@ async function transformFiles(
) {
try {
let count = 0;
const declarationFileMap = new Map<string, string>();
let bundlessPromises = [];
let declarationFileMap = new Map<string, string>();

// process all matched items
for (let item of files) {
Expand All @@ -63,67 +114,51 @@ async function transformFiles(
if (!fs.existsSync(parentPath)) {
fs.mkdirSync(parentPath, { recursive: true });
}

// get result from loaders
const result = await runLoaders(itemAbsPath, {
config,
pkg: opts.configProvider.pkg,
cwd: opts.cwd,
itemDistAbsPath,
});

if (result) {
// update ext if loader specified
if (result.options.ext) {
itemDistPath = replacePathExt(itemDistPath, result.options.ext);
itemDistAbsPath = replacePathExt(
itemDistAbsPath,
result.options.ext,
);
}

// prepare for declaration
if (result.options.declaration) {
// use winPath because ts compiler will convert to posix path
declarationFileMap.set(winPath(itemAbsPath), parentPath);
}

if (result.options.map) {
const map = result.options.map;
const mapLoc = `${itemDistAbsPath}.map`;

fs.writeFileSync(mapLoc, map);
const loaderArgs: ILoaderArgs = {
fileAbsPath: itemAbsPath,
fileDistPath: itemDistPath,
loaders,
transformers,
opts: {
config,
pkg: opts.configProvider.pkg,
cwd: opts.cwd,
itemDistAbsPath,
},
};
if (config.parallel) {
parallelLoader ||= createParallelLoader();
for (const key in transformers) {
if (loaderArgs.transformers.hasOwnProperty(key)) {
delete transformers[key].fn;
}
}

// distribute file with result
fs.writeFileSync(itemDistAbsPath, result.content);
bundlessPromises.push(parallelLoader.run(loaderArgs));
} else {
// copy file as normal assets
fs.copyFileSync(itemAbsPath, itemDistAbsPath);
bundlessPromises.push(runLoaders(loaderArgs));
}

logger.quietExpect.event(
`Bundless ${chalk.gray(item)} to ${chalk.gray(itemDistPath)}${result?.options.declaration ? ' (with declaration)' : ''
}`,
);
count += 1;
} else {
debugLog(`No config matches ${chalk.gray(item)}, skip`);
}
}
const results = await Promise.all(bundlessPromises);
lodash.forEach(results, (item) => {
if (item) {
declarationFileMap.set(item[0], item[1]);
}
});

if (declarationFileMap.size) {
logger.quietExpect.event(
`Generate declaration file${declarationFileMap.size > 1 ? 's' : ''}...`,
);

const declarations = await getDeclarations(
[...declarationFileMap.keys()],
{
cwd: opts.cwd,
},
);

declarations.forEach((item) => {
fs.writeFileSync(
path.join(declarationFileMap.get(item.sourceFile)!, item.file),
Expand Down Expand Up @@ -177,7 +212,8 @@ async function bundless(
if (!opts.watch) {
// output result for normal mode
logger.quietExpect.event(
`Transformed successfully in ${Date.now() - startTime
`Transformed successfully in ${
Date.now() - startTime
} ms (${count} files)`,
);
} else {
Expand Down Expand Up @@ -229,10 +265,10 @@ async function bundless(
// TODO: collect real emit files
const relatedFiles = isTsFile
? [
replacePathExt(fileDistAbsPath, '.js'),
replacePathExt(fileDistAbsPath, '.d.ts'),
replacePathExt(fileDistAbsPath, '.d.ts.map'),
]
replacePathExt(fileDistAbsPath, '.js'),
replacePathExt(fileDistAbsPath, '.d.ts'),
replacePathExt(fileDistAbsPath, '.d.ts.map'),
]
: [fileDistAbsPath];
const relatedMainFile = relatedFiles.find((item) =>
fs.existsSync(item),
Expand Down
Loading
Loading