qiankun
๐ฆ ๐ ๋ง์ดํฌ๋ก ํ๋ก ํธ์๋๋ฅผ ์ํ ์์ฒญ๋๊ณ ๋น ๋ฅด๋ฉฐ, ๊ฐ๋จํ๊ณ ์๋ฒฝํ ์๋ฃจ์ ์ ๋๋ค.
ํ์ผ ํ์๊ธฐ
์ต์ข ๋ฒ์ ๋ค์ด๋ก๋ (.zip)- skills
- config.json
- pre.json
- README.md
- SKILL.md
- action.yml
- bug_report.md
- bug_report_cn.md
- feature_request.md
- rfc_cn.md
- announcement-notify.yml
- benchmark-basic.yml
- changeset-prerelease.yml
- ci.yml
- cloudflare-examples.yml
- cloudflare-pages.yml
- e2e-full-matrix.yml
- emoji-helper.yml
- github-pages.yml
- issue-close-inactive.yml
- issue-reply.yml
- publish-1.x.yml
- publish-latest.yml
- release-notify.yml
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- PULL_REQUEST_TEMPLATE.md
- commit-msg
- pre-commit
- pre-push
- benchmark.ts
- garfish.ts
- host.css
- micro-app.ts
- native.ts
- qiankun-v2.ts
- qiankun.ts
- rfc-performance.ts
- wujie.ts
- garfish.html
- micro-app.html
- native.html
- qiankun-v2.html
- qiankun.html
- rfc-performance.html
- vite.config.ts
- wujie.html
- browser.mjs
- collect.mjs
- comparison-gates.mjs
- console-report.mjs
- fingerprint.mjs
- harness.mjs
- hash.mjs
- options.mjs
- origins.mjs
- regression.mjs
- report.mjs
- result-comparison.mjs
- revisions.mjs
- rfc-performance.mjs
- run-verdict.mjs
- schedule.mjs
- server.mjs
- site-isolation.mjs
- snapshot.mjs
- static-server.mjs
- stats.mjs
- browser.integration.test.mjs
- browser.test.mjs
- collect.test.mjs
- comparison-gates.test.mjs
- console-report.test.mjs
- fingerprint.test.mjs
- frameworks.test.mjs
- harness.test.mjs
- hash.test.mjs
- options.test.mjs
- regression.test.mjs
- report.test.mjs
- result-comparison.test.mjs
- revisions.test.mjs
- rfc-performance.test.mjs
- run-verdict.test.mjs
- scenarios.test.mjs
- schedule.test.mjs
- server.test.mjs
- snapshot.test.mjs
- stats.test.mjs
- suites.test.mjs
- aggregate-shards.mjs
- bench-all.mjs
- compare-results.mjs
- frameworks.mjs
- package.json
- README.md
- rfc-performance.mjs
- runner.mjs
- scenarios.mjs
- snapshot.mjs
- tsconfig.json
- custom.css
- index.js
- config.mjs
- configuration.md
- effects.md
- error-handling.md
- index.md
- is-runtime-compatible.md
- lifecycles.md
- load-micro-app.md
- prefetch-apps.md
- register-micro-apps.md
- start.md
- types.md
- architecture.md
- esm-sandbox.md
- html-entry-loading.md
- js-sandbox.md
- lifecycle-and-props.md
- style-isolation.md
- communicate-between-apps.md
- enable-style-isolation.md
- handle-errors.md
- index.md
- migrate-from-2x.md
- optimize-loading.md
- prepare-a-vite-app.md
- prepare-a-webpack-app.md
- run-multiple-instances.md
- sandbox-plugins.md
- standalone-sandbox.md
- agent-skill.md
- bundler-plugin.md
- index.md
- react.md
- vue.md
- index.md
- browser-support.md
- getting-started.md
- what-is-qiankun.md
- esm-sandbox.md
- index.md
- js-sandbox.md
- lifecycle-resolution.md
- runtime-orchestration.md
- streaming-html-entry.md
- style-isolation.md
- agnostic.svg
- esm.svg
- sandbox.svg
- scope.svg
- singlespa.svg
- stream.svg
- _redirects
- hero-runtime.svg
- logo.png
- compartment-alignment.md
- container-occupancy-gate.md
- esm-sandbox.md
- insertion-point-ownership.md
- standalone-sandbox.md
- build-the-main-app.md
- build-the-micro-app.md
- index.md
- run-and-verify.md
- configuration.md
- effects.md
- error-handling.md
- index.md
- is-runtime-compatible.md
- lifecycles.md
- load-micro-app.md
- prefetch-apps.md
- register-micro-apps.md
- start.md
- types.md
- architecture.md
- esm-sandbox.md
- html-entry-loading.md
- js-sandbox.md
- lifecycle-and-props.md
- style-isolation.md
- communicate-between-apps.md
- enable-style-isolation.md
- handle-errors.md
- index.md
- migrate-from-2x.md
- optimize-loading.md
- prepare-a-vite-app.md
- prepare-a-webpack-app.md
- run-multiple-instances.md
- sandbox-plugins.md
- standalone-sandbox.md
- agent-skill.md
- bundler-plugin.md
- index.md
- react.md
- vue.md
- index.md
- browser-support.md
- getting-started.md
- what-is-qiankun.md
- esm-sandbox.md
- index.md
- js-sandbox.md
- lifecycle-resolution.md
- runtime-orchestration.md
- streaming-html-entry.md
- style-isolation.md
- build-the-main-app.md
- build-the-micro-app.md
- index.md
- run-and-verify.md
- index.md
- index.md
- logo.png
- localStoragePrefixPlugin.ts
- main.ts
- register.ts
- index.html
- register.html
- vite.config.ts
- bodyless.html
- broken-asset.html
- entry-bodyless.js
- entry-broken-asset.js
- entry-multiscript.js
- entry-patched-append.js
- entry.js
- index.html
- lazy.css
- multiscript.html
- patched-append.html
- style.css
- vendor.js
- counter.js
- flags.js
- preloaded.js
- entry.js
- index.html
- preload-entry.js
- preload.html
- entry.js
- index.html
- index.html
- main.ts
- vite.config.ts
- serve.mjs
- container-gate.spec.ts
- error-handling.spec.ts
- esm-sandbox.spec.ts
- helpers.ts
- lifecycle.spec.ts
- multi-instance.spec.ts
- nested-sandbox.spec.ts
- router-mode.spec.ts
- sandbox-js.spec.ts
- standalone-sandbox.spec.ts
- style-isolation.spec.ts
- package.json
- playwright.config.ts
- ports.ts
- README.md
- tsconfig.json
- Dashboard.tsx
- LocaleSwitch.tsx
- Seal.tsx
- Sidebar.tsx
- Stage.tsx
- Trigram.tsx
- App.tsx
- apps.ts
- i18n.ts
- index.css
- main.tsx
- router.ts
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- jquery.min.js
- entry.js
- index.html
- package.json
- vite.config.js
- App.css
- App.tsx
- i18n.ts
- main.tsx
- vite-env.d.ts
- .gitignore
- index.html
- package.json
- README.md
- tsconfig.json
- vite.config.ts
- standalone-module-dep.js
- standalone-module.js
- main.ts
- styles.css
- third-party-widget.js
- vite-env.d.ts
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- entry.js
- index.html
- package.json
- pages-function.mjs
- server.mjs
- App.vue
- i18n.ts
- main.ts
- vite-env.d.ts
- .gitignore
- index.html
- package.json
- README.md
- tsconfig.json
- vite.config.ts
- App.vue
- apps.ts
- Dashboard.vue
- i18n.ts
- main.ts
- router.ts
- Stage.vue
- StageFailure.vue
- StageVeil.vue
- styles.css
- Trigram.vue
- index.html
- package.json
- README.md
- tsconfig.json
- vite.config.ts
- App.tsx
- i18n.ts
- index.css
- index.html
- index.tsx
- package.json
- README.md
- tsconfig.json
- webpack.config.js
- 404.html
- DESIGN.md
- example.gif
- example.zh-CN.gif
- README.md
- mark-module-types.mjs
- index.ts
- index.ts
- index.ts
- webpack4.html
- webpack5.html
- index.html
- index.js
- package.json
- webpack.config.js
- index.html
- index.js
- package.json
- webpack.config.js
- plugin.test.ts
- vite-plugin.test.ts
- CHANGELOG.md
- package.json
- README-zh.md
- README.md
- tsconfig.build.json
- tsconfig.json
- huge-html.js
- import-html-entry.html
- parser.html
- html.js
- import-html-entry.html
- parser.html
- html.js
- import-html-entry.html
- parser.html
- TagTransformStream.test.ts
- index.ts
- README.md
- index.ts
- parser.ts
- TagTransformStream.ts
- utils.ts
- AGENTS.md
- CHANGELOG.md
- package.json
- tsconfig.build.json
- engineFlag.ts
- index.ts
- runtimePublicPath.ts
- effects.test.ts
- prefetch.test.ts
- registerMicroApps.test.ts
- effects.ts
- errorHandler.ts
- isRuntimeCompatible.ts
- loadMicroApp.ts
- prefetch.ts
- registerMicroApps.ts
- containerOccupancy.test.ts
- loadApp.containerGate.test.ts
- loadApp.test.ts
- containerOccupancy.ts
- loadApp.ts
- error.ts
- index.ts
- types.ts
- utils.ts
- CHANGELOG.md
- package.json
- README.md
- tsconfig.build.json
- standalone.test.ts
- index.test.ts
- globalProps.ts
- index.ts
- types.ts
- index.test.ts
- index.ts
- esm-sandbox.test.ts
- index.test.ts
- container.ts
- index.ts
- StandardSandbox.ts
- types.ts
- esm-globals.ts
- globals.ts
- nativePassthrough.ts
- utils.ts
- attribution.test.ts
- lifecycle.test.ts
- stylesheet-ledger.test.ts
- common.ts
- forStandardSandbox.ts
- index.ts
- types.ts
- consts.ts
- historyListener.ts
- index.ts
- interval.ts
- types.ts
- windowListener.ts
- consts.ts
- index.ts
- utils.ts
- AGENTS.md
- CHANGELOG.md
- package.json
- README.md
- tsconfig.build.json
- link-performance.test.ts
- link.test.ts
- module-script.test.ts
- script.test.ts
- style.test.ts
- index.ts
- link.ts
- module.ts
- script.ts
- style.ts
- types.ts
- utils.ts
- index.ts
- engine.test.ts
- identifier-scan.test.ts
- import-bindings.test.ts
- import-map-registry.test.ts
- lexer.test.ts
- rewrite.test.ts
- engine.ts
- es-module-lexer-js.d.ts
- identifier-scan.ts
- import-bindings.ts
- import-map-registry.ts
- index.ts
- instance-registry.ts
- lexer.ts
- precompile.ts
- rewrite.ts
- source-map.ts
- types.ts
- vite-client-stub.ts
- makeFetchCacheable.test.ts
- makeFetchRetryable.test.ts
- makeFetchThrowable.test.ts
- makeFetchCacheable.ts
- makeFetchRetryable.ts
- makeFetchThrowable.ts
- miniLruCache.ts
- utils.ts
- index.test.ts
- satisfies.test.ts
- index.ts
- satisfies.ts
- types.ts
- index.ts
- logger.ts
- QiankunError.ts
- common.ts
- index.ts
- utils.ts
- AGENTS.md
- CHANGELOG.md
- package.json
- tsconfig.build.json
- nodejs.spec.ts
- app-names.spec.ts
- check-activity-functions.spec.ts
- delayed-start-popstate.spec.ts
- error-handlers.spec.ts
- event-listeners.spec.ts
- first-mount.spec.ts
- multiple-instances.spec.ts
- navigate-before-patch-history.spec.ts
- navigate-to-url.spec.ts
- patch-history-api.spec.ts
- path-to-active-when.spec.ts
- register-application.spec.ts
- single-spa-events-api.spec.ts
- start-api.spec.ts
- timeout-apis.spec.ts
- unregister-application.spec.ts
- url-reroute-only-default.spec.ts
- url-reroute-only-false.spec.ts
- bootstrap-rejects.app.ts
- bootstrap-rejects.spec.ts
- bootstrap-times-out.app.ts
- bootstrap-times-out.spec.ts
- bootstrap-times-out-dies.app.ts
- bootstrap-times-out-dies.spec.ts
- delayed-start.app.ts
- delayed-start.spec.ts
- empty-array-lifecycles.app.ts
- empty-array-lifecycles.spec.ts
- happy-active-when.app.ts
- happy-active-when.spec.ts
- happy-basic.app.ts
- happy-basic.spec.ts
- happy-register-object.app.ts
- happy-register-object.spec.ts
- happy-unload.app.ts
- happy-unload.spec.ts
- invalid-bootstrap.app.ts
- invalid-bootstrap.spec.ts
- invalid-load-function.spec.ts
- invalid-mount.app.ts
- invalid-mount.spec.ts
- invalid-no-mount.app.ts
- invalid-no-mount.spec.ts
- invalid-no-unmount.app.ts
- invalid-no-unmount.spec.ts
- invalid-unload.app.ts
- invalid-unload.spec.ts
- invalid-unmount.app.ts
- invalid-unmount.spec.ts
- lifecycle-props.app.ts
- lifecycle-props.spec.ts
- lifecycle-props-function.app.ts
- lifecycle-props-function.spec.ts
- load-error.spec.ts
- mount-before-other-loads.spec.ts
- mount-fails.app.ts
- mount-fails.spec.ts
- mount-rejects.app.ts
- mount-rejects.spec.ts
- mount-times-out.app.ts
- mount-times-out.spec.ts
- mount-times-out-dies.app.ts
- mount-times-out-dies.spec.ts
- mounting-status.app.ts
- mounting-status.spec.ts
- multiple-lifecycle-functions.app.ts
- multiple-lifecycle-functions.spec.ts
- no-bootstrap.app.ts
- no-bootstrap.spec.ts
- no-object-prototype.spec.ts
- partial-rerouting.spec.ts
- profiler-basic.spec.ts
- profiler-routing-no-start.spec.ts
- profiler-routing-start.spec.ts
- register-with-object.spec.ts
- returns-non-native-promise.app.ts
- returns-non-native-promise.spec.ts
- skip-because-broken-unload.app.ts
- skip-because-broken-unload.spec.ts
- unmount-rejects.app.ts
- unmount-rejects.spec.ts
- unmount-times-out.app.ts
- unmount-times-out.spec.ts
- unmount-times-out-dies.app.ts
- unmount-times-out-dies.spec.ts
- warning-timeouts.app.ts
- warning-timeouts.spec.ts
- app-mounts-parcel.spec.ts
- mount-root-parcel.spec.ts
- parcel-error-handlers.spec.ts
- parcel-mounts-parcel.spec.ts
- app-errors.ts
- app.helpers.ts
- apps.ts
- timeouts.ts
- devtools.ts
- profiler-api.ts
- profiler.ts
- bootstrap.ts
- lifecycle.helpers.ts
- load.ts
- mount.ts
- prop.helpers.ts
- unload.ts
- unmount.ts
- update.ts
- navigation-events.ts
- reroute.ts
- mount-parcel.ts
- runtime-environment.ts
- declarations.d.ts
- index.ts
- jquery-support.ts
- single-spa.profile.ts
- single-spa.ts
- start.ts
- window-globals.d.ts
- LICENSE
- package.json
- README.md
- tsconfig.build.json
- vitest.config.ts
- MicroApp.test.tsx
- ErrorBoundary.tsx
- index.ts
- MicroApp.tsx
- MicroAppLoader.tsx
- CHANGELOG.md
- package.json
- README.md
- README.zh-CN.md
- tsconfig.build.json
- tsconfig.json
- index.test.ts
- index.ts
- CHANGELOG.md
- package.json
- tsconfig.build.json
- tsconfig.json
- MicroApp.test.ts
- ErrorBoundary.ts
- index.ts
- MicroApp.ts
- MicroAppLoader.ts
- CHANGELOG.md
- package.json
- README.md
- README.zh-CN.md
- tsconfig.build.json
- tsconfig.json
- build-examples-site.mjs
- check-lodash-imports.mjs
- commit-utils.mjs
- copy-declarations.mjs
- generate-changesets.mjs
- generate-release-notes.mjs
- run-vue-tsc.mjs
- sanitize-pre-state.mjs
- sanitize-pre-state.test.mjs
- create-main-app.md
- create-micro-app.md
- SKILL.md
- .dumirc.ts
- .editorconfig
- .gitignore
- .prettierignore
- .prettierrc
- AGENTS.md
- CLAUDE.md
- commitlint.config.js
- eslint.config.mjs
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- README.zh-CN.md
- tsconfig.build.json
- tsconfig.json
- vercel.json
- vite.library.config.ts
- vitest.config.ts
# ์ค์น ๊ฐ์ด๋
1. ์ฝ๋ ๋ด๋ ค๋ฐ๊ธฐ
git clone https://github.com/umijs/qiankun
๊นํ๋ธ์์ ํ๋ก์ ํธ ์ฝ๋ ์ ์ฒด๋ฅผ ๋ด ์ปดํจํฐ๋ก ๋ด๋ ค๋ฐ์ต๋๋ค.
cd qiankun
๋ฐฉ๊ธ ๋ด๋ ค๋ฐ์ ํ๋ก์ ํธ ํด๋ ์์ผ๋ก ์ด๋ํฉ๋๋ค.
2. Node.js
์ฌ์ ์ถ์ฒ์ฌ์ ์ค๋น๋ฌผ
npm i qiankun@rc
์ด ๋ช ๋ น์ด๋ฅผ ํฐ๋ฏธ๋์ ๊ทธ๋๋ก ์ ๋ ฅํด ์คํํ์ธ์.
pnpm install
package.json์ ๋ช ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ๋ด๋ ค๋ฐ์ ์ค์นํฉ๋๋ค.
pnpm start:example
๊ฐ๋ฐ/์คํ ์๋ฒ๋ฅผ ์ผญ๋๋ค.
pnpm install # install every workspace package
package.json์ ๋ช ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ๋ด๋ ค๋ฐ์ ์ค์นํฉ๋๋ค.
pnpm run build # build packages and examples
๋ฐฐํฌ์ฉ์ผ๋ก ์ฝ๋๋ฅผ ์ต์ ํํด์ ๋น๋ ํ์ผ์ ์์ฑํฉ๋๋ค.
๋ช
๋ น์ด ์คํ ํ ํฐ๋ฏธ๋์ ๋ํ๋๋ ์ฃผ์(๋ณดํต http://localhost:3000 ํํ)๋ฅผ ๋ธ๋ผ์ฐ์ ์์ ์ด์ด๋ณด์ธ์.
์ด ๋ ํฌ์ README์ ์ ํ ์ค์ ๋ช ๋ น์ด๋ฅผ ๊ทธ๋๋ก ๊ฐ์ ธ์์ต๋๋ค.
// repository documentation
Was this content helpful?
(0 ratings)