diff --git a/README.md b/README.md
index 2f94745..5095d54 100644
--- a/README.md
+++ b/README.md
@@ -104,14 +104,8 @@ export class AppComponent implements OnInit {
                 hostParent: '#app-host-container',
                 hostClass: 'thy-layout',
                 routerPathPrefix: '/app1',
-                resourcePathPrefix: '/static/app1',
                 preload: true,
-                scripts: [
-                    'main.js'
-                ],
-                styles: [
-                    'styles.css'
-                ]
+                entry: "/static/app2/index.html"
             },
             {
                 name: 'app2',
@@ -119,12 +113,16 @@ export class AppComponent implements OnInit {
                 hostClass: 'thy-layout',
                 routerPathPrefix: '/app2',
                 preload: true,
-                scripts: [
-                    '/static/app2/main.js'
-                ],
-                styles: [
-                    '/static/app2/styles.css'
-                ]
+                entry: {
+                  basePath: "/static/app1/"
+                  manifest: "index.html"
+                  scripts: [
+                    'main.js'
+                  ],
+                  styles: [
+                    'styles.css'
+                  ]
+                }
             }
         ]);
 
@@ -195,20 +193,21 @@ defineApplication('standalone-app', {
 
 ### Sub app configurations
 
-| Name               | Type                  | Description                                                                    | 中文描述                                                                                                                                                                |
-| ------------------ | --------------------- | ------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| name               | string                | Application's name                                                             | 子应用的名字                                                                                                                                                            |
-| routerPathPrefix   | string                | Application route path prefix                                                  | 子应用路由路径前缀，根据这个匹配应用                                                                                                                                    |
-| selector           | string                | selector of app root component                                                 | 子应用的启动组件选择器，因为子应用是主应用动态加载的，所以主应用需要先创建这个选择器节点，再启动 AppModule                                                              |
-| scripts            | string[]              | javascript static resource paths                                               | JS 静态资源文件访问地址                                                                                                                                                 |
-| styles             | string[]              | style static resource paths                                                    | 样式静态资源文件访问地址                                                                                                                                                |
-| resourcePathPrefix | string                | path prefix of scripts and styles                                              | 脚本和样式文件路径前缀，多个脚本可以避免重复写同样的前缀                                                                                                                |
-| hostParent         | string or HTMLElement | parent element for render                                                      | 应用渲染的容器元素, 指定子应用显示在哪个元素内部                                                                                                                        |
-| hostClass          | string                | added class for host which is selector                                         | 宿主元素的 Class，也就是在子应用启动组件上追加的样式                                                                                                                    |
-| switchMode         | default or coexist    | it will be destroyed when set to default, it only hide app when set to coexist | 切换子应用的模式，默认切换会销毁，设置 coexist 后只会隐藏                                                                                                               |
-| preload            | boolean               | start preload or not                                                           | 是否启用预加载，启动后刷新页面等当前页面的应用渲染完毕后预加载子应用                                                                                                    |
-| loadSerial         | boolean               | serial load scripts                                                            | 是否串行加载脚本静态资源                                                                                                                                                |
-| manifest           | string                | manifest json file path                                                        | manifest.json 文件路径地址，当设置了路径后会先加载这个文件，然后根据 scripts 和 styles 文件名去找到匹配的文件，因为生产环境的静态资文件是 hash 之后的命名，需要动态获取 |
+| Name  | Type  | Description   | 中文描述   |
+| ------- | -------- | ----------| -------------- |
+| name      | string  | Application's name   | 子应用的名字  |
+| routerPathPrefix   | string   | Application route path prefix | 子应用路由路径前缀，根据这个匹配应用 |
+| selector           | string                | selector of app root component  | 子应用的启动组件选择器，因为子应用是主应用动态加载的，所以主应用需要先创建这个选择器节点，再启动 AppModule  |
+| entry    | string \| PlanetApplicationEntry   | entry for micro app, contains manifest, scripts, styles | 入口配置，如果是字符串表示应用入口 index.html，如果是对象, manifest 为入口 html 或者 json 文件地址，scripts 和 styles 为指定的资源列表，未指定使用 manifest 接口中返回的所有资源，basePath 为基本路由，所有的资源请求地址前会带上 basePath  |
+| manifest    | string   | manifest json file path `deprecated` please use entry | manifest.json 文件路径地址，当设置了路径后会先加载这个文件，然后根据 scripts 和 styles 文件名去找到匹配的文件，因为生产环境的静态资文件是 hash 之后的命名，需要动态获取 |
+| scripts     | string[]     | javascript static resource paths `deprecated` please use entry.scripts  | JS 静态资源文件访问地址  |
+| styles      | string[]     | style static resource paths `deprecated` please use entry.styles  | 样式静态资源文件访问地址  |
+| resourcePathPrefix | string | path prefix of scripts and styles `deprecated` please use entry.basePath | 脚本和样式文件路径前缀，多个脚本可以避免重复写同样的前缀  |
+| hostParent | string or HTMLElement | parent element for render | 应用渲染的容器元素, 指定子应用显示在哪个元素内部 |
+| hostClass | string | added class for host which is selector | 宿主元素的 Class，也就是在子应用启动组件上追加的样式 |
+| switchMode   | default or coexist  | it will be destroyed when set to default, it only hide app when set to coexist | 切换子应用的模式，默认切换会销毁，设置 coexist 后只会隐藏 |
+| preload  | boolean   | start preload or not  | 是否启用预加载，启动后刷新页面等当前页面的应用渲染完毕后预加载子应用 |
+| loadSerial   | boolean | serial load scripts                                                            | 是否串行加载脚本静态资源  |
 
 ### Communication between applications use GlobalEventDispatcher
 
diff --git a/examples/portal/src/app/app.component.ts b/examples/portal/src/app/app.component.ts
index c25d996..da8e97f 100644
--- a/examples/portal/src/app/app.component.ts
+++ b/examples/portal/src/app/app.component.ts
@@ -100,16 +100,17 @@ export class AppComponent implements OnInit {
                 hostParent: '#app-host-container',
                 hostClass: appHostClass,
                 routerPathPrefix: '/standalone-app',
-                resourcePathPrefix: '/static/standalone-app/',
                 preload: settings.standaloneApp?.preload,
                 switchMode: settings.standaloneApp?.switchMode,
                 stylePrefix: 'standalone-app',
-                // prettier-ignore
-                scripts: [
-                    'main.js'
-                ],
-                styles: ['styles.css'],
-                manifest: '/static/standalone-app/assets-manifest.json',
+                entry: '/static/standalone-app/index.html',
+                // resourcePathPrefix: '/static/standalone-app/',
+                // // prettier-ignore
+                // scripts: [
+                //     'main.js'
+                // ],
+                // styles: ['styles.css'],
+                // manifest: '/static/standalone-app/index.html',
                 extra: {
                     name: '独立应用',
                     color: '#66c060'
diff --git a/packages/planet/src/assets-loader.spec.ts b/packages/planet/src/assets-loader.spec.ts
index 429ce9f..cedb039 100644
--- a/packages/planet/src/assets-loader.spec.ts
+++ b/packages/planet/src/assets-loader.spec.ts
@@ -4,6 +4,7 @@ import { AssetsLoader, AssetsLoadResult } from './assets-loader';
 import { hashCode } from './helpers';
 import { Subject, of, observable, Observable, BehaviorSubject } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
+import { PlanetApplication, PlanetApplicationEntry } from './planet.class';
 
 describe('assets-loader', () => {
     let assetsLoader: AssetsLoader;
@@ -12,6 +13,23 @@ describe('assets-loader', () => {
         onerror: (error: string | Event) => void;
     } = { onload: () => {}, onerror: null };
 
+    const html = `<!doctype html>
+    <html lang="en">
+      <head>
+        <script type="module" src="/static/standalone-app/@vite/client"></script>
+
+        <meta charset="utf-8"/>
+        <title>StandaloneApp</title>
+        <base href="/"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1"/>
+        <link rel="icon" type="image/x-icon" href="favicon.ico"/>
+      <link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="main.1234.css"></head>
+      <body>
+        <standalone-app-root></standalone-app-root>
+      <script src="main.js" type="module"></script> <script src="polyfills-VNHXLSD3.js" type="module"><script src="vendor.2344ee.js" type="module"></body>
+    </html>
+    `;
+
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [HttpClientTestingModule],
@@ -360,28 +378,25 @@ describe('assets-loader', () => {
             httpTestingController.verify();
         });
 
-        it(
-            'should load manifest success',
-            waitForAsync(() => {
-                const testData = {
-                    'main.js': 'main1.js'
-                };
-                const loadManifestSpy = jasmine.createSpy('load manifest spy');
-                assetsLoader.loadManifest('/static/assets/manifest.json').subscribe(loadManifestSpy);
-                const req = httpTestingController.expectOne('/static/assets/manifest.json');
-
-                // Assert that the request is a GET.
-                expect(req.request.method).toEqual('GET');
-                expect(loadManifestSpy).not.toHaveBeenCalled();
-
-                // Respond with mock data, causing Observable to resolve.
-                // Subscribe callback asserts that correct data was returned.
-                req.flush(testData);
-
-                expect(loadManifestSpy).toHaveBeenCalled();
-                expect(loadManifestSpy).toHaveBeenCalledWith(testData);
-            })
-        );
+        it('should load manifest success', waitForAsync(() => {
+            const testData = {
+                'main.js': 'main1.js'
+            };
+            const loadManifestSpy = jasmine.createSpy('load manifest spy');
+            assetsLoader.loadManifest('/static/assets/manifest.json').subscribe(loadManifestSpy);
+            const req = httpTestingController.expectOne('/static/assets/manifest.json');
+
+            // Assert that the request is a GET.
+            expect(req.request.method).toEqual('GET');
+            expect(loadManifestSpy).not.toHaveBeenCalled();
+
+            // Respond with mock data, causing Observable to resolve.
+            // Subscribe callback asserts that correct data was returned.
+            req.flush(testData);
+
+            expect(loadManifestSpy).toHaveBeenCalled();
+            expect(loadManifestSpy).toHaveBeenCalledWith(testData);
+        }));
     });
 
     describe('loadAppAssets', () => {
@@ -403,6 +418,37 @@ describe('assets-loader', () => {
             }
         };
 
+        function assertAndLoadAppAssets(
+            app: Partial<PlanetApplication>,
+            manifestContent: string | Record<string, string>,
+            expected: {
+                scripts: string[];
+                styles: string[];
+            }
+        ) {
+            const loadScriptsAndStyles$ = new Subject<[AssetsLoadResult[], AssetsLoadResult[]]>();
+            const loadScriptsAndStylesSpy = spyOn(assetsLoader, 'loadScriptsAndStyles');
+            loadScriptsAndStylesSpy.and.returnValue(loadScriptsAndStyles$);
+
+            const loadManifestSpy = spyOn(assetsLoader, 'loadManifest');
+            loadManifestSpy.and.returnValue(of(manifestContent));
+
+            const loadAssetsSpy = jasmine.createSpy('load assets spy');
+            assetsLoader.loadAppAssets(app as PlanetApplication).subscribe(loadAssetsSpy);
+
+            expect(loadAssetsSpy).not.toHaveBeenCalled();
+            expect(loadScriptsAndStylesSpy).toHaveBeenCalled();
+            expect(loadScriptsAndStylesSpy).toHaveBeenCalledWith(expected.scripts, expected.styles, {
+                app: app.name,
+                sandbox: app.sandbox,
+                serial: app.loadSerial
+            });
+
+            loadScriptsAndStyles$.next('load success' as any);
+            expect(loadAssetsSpy).toHaveBeenCalled();
+            expect(loadAssetsSpy).toHaveBeenCalledWith('load success');
+        }
+
         it('load assets success without manifest', () => {
             const loadScriptsAndStyles$ = new Subject<[AssetsLoadResult[], AssetsLoadResult[]]>();
             const loadScriptsAndStylesSpy = spyOn(assetsLoader, 'loadScriptsAndStyles');
@@ -429,41 +475,96 @@ describe('assets-loader', () => {
         });
 
         it('load assets success with manifest', () => {
-            const loadScriptsAndStyles$ = new Subject<[AssetsLoadResult[], AssetsLoadResult[]]>();
-            const loadScriptsAndStylesSpy = spyOn(assetsLoader, 'loadScriptsAndStyles');
-            loadScriptsAndStylesSpy.and.returnValue(loadScriptsAndStyles$);
-
-            const loadManifestSpy = spyOn(assetsLoader, 'loadManifest');
             const manifestResult = {
                 'main.js': 'main.123455.js',
                 'vendor.js': 'vendor.23221.js',
                 'main.css': 'main.s1223.css'
             };
-            loadManifestSpy.and.returnValue(of(manifestResult));
+            assertAndLoadAppAssets(
+                {
+                    ...app1,
+                    manifest: '/static/app1/manifest.json'
+                },
+                manifestResult,
+                {
+                    scripts: [`/static/app1/${manifestResult['vendor.js']}`, `/static/app1/${manifestResult['main.js']}`],
+                    styles: [`/static/app1/styles/${manifestResult['main.css']}`]
+                }
+            );
+        });
 
-            const loadAssetsSpy = jasmine.createSpy('load assets spy');
-            assetsLoader
-                .loadAppAssets({
+        it('load assets success with entry html', () => {
+            assertAndLoadAppAssets(
+                {
                     ...app1,
-                    manifest: '/app1/manifest.json'
-                })
-                .subscribe(loadAssetsSpy);
+                    entry: '/static/app1/index.html'
+                },
+                html,
+                {
+                    scripts: ['/static/app1/main.js', '/static/app1/polyfills-VNHXLSD3.js', '/static/app1/vendor.2344ee.js'],
+                    styles: ['/static/app1/styles.css', '/static/app1/main.1234.css']
+                }
+            );
+        });
 
-            expect(loadAssetsSpy).not.toHaveBeenCalled();
-            expect(loadScriptsAndStylesSpy).toHaveBeenCalled();
-            expect(loadScriptsAndStylesSpy).toHaveBeenCalledWith(
-                [`/static/app1/${manifestResult['vendor.js']}`, `/static/app1/${manifestResult['main.js']}`],
-                [`/static/app1/styles/${manifestResult['main.css']}`],
+        it('load assets success with entry object', () => {
+            assertAndLoadAppAssets(
                 {
-                    app: 'app1',
-                    sandbox: false,
-                    serial: app1.loadSerial
+                    ...app1,
+                    entry: {
+                        basePath: '/static/app1/',
+                        manifest: 'index.html'
+                    }
+                },
+                html,
+                {
+                    scripts: ['/static/app1/main.js', '/static/app1/polyfills-VNHXLSD3.js', '/static/app1/vendor.2344ee.js'],
+                    styles: ['/static/app1/styles.css', '/static/app1/main.1234.css']
                 }
             );
+        });
 
-            loadScriptsAndStyles$.next('load success' as any);
-            expect(loadAssetsSpy).toHaveBeenCalled();
-            expect(loadAssetsSpy).toHaveBeenCalledWith('load success');
+        it('load assets success with scripts and styles of entry', () => {
+            assertAndLoadAppAssets(
+                {
+                    name: app1.name,
+                    routerPathPrefix: app1.routerPathPrefix,
+                    hostParent: app1.hostParent,
+                    sandbox: app1.sandbox,
+                    loadSerial: app1.loadSerial,
+                    entry: {
+                        basePath: '/static/app1/',
+                        scripts: ['main.js', 'vendor.js'],
+                        styles: ['main.css'],
+                        manifest: '/static/app1/index.html'
+                    }
+                },
+                html,
+                {
+                    scripts: ['/static/app1/main.js', '/static/app1/vendor.2344ee.js'],
+                    styles: ['/static/app1/main.1234.css']
+                }
+            );
+        });
+
+        it('load assets success with entry empty basePath', () => {
+            assertAndLoadAppAssets(
+                {
+                    name: app1.name,
+                    routerPathPrefix: app1.routerPathPrefix,
+                    hostParent: app1.hostParent,
+                    sandbox: app1.sandbox,
+                    loadSerial: app1.loadSerial,
+                    entry: {
+                        manifest: '/static/app1/index.html'
+                    }
+                },
+                html,
+                {
+                    scripts: ['main.js', 'polyfills-VNHXLSD3.js', 'vendor.2344ee.js'],
+                    styles: ['styles.css', 'main.1234.css']
+                }
+            );
         });
     });
 
@@ -539,6 +640,19 @@ describe('assets-loader', () => {
         }));
     });
 
+    describe('parseManifestFromHTML', () => {
+        it('should parse manifest from HTML', () => {
+            const result = new AssetsLoader(undefined).parseManifestFromHTML(html);
+            expect(result).toEqual({
+                'styles.css': 'styles.css',
+                'main.css': 'main.1234.css',
+                'main.js': 'main.js',
+                'polyfills.js': 'polyfills-VNHXLSD3.js',
+                'vendor.js': 'vendor.2344ee.js'
+            });
+        });
+    });
+
     describe('loadStyles', () => {
         it('should return null when sources is empty', fakeAsync(() => {
             const loadStyletSpy = spyOn(assetsLoader, 'loadStyle');
diff --git a/packages/planet/src/assets-loader.ts b/packages/planet/src/assets-loader.ts
index a296a46..9098a73 100644
--- a/packages/planet/src/assets-loader.ts
+++ b/packages/planet/src/assets-loader.ts
@@ -1,11 +1,23 @@
 import { Injectable } from '@angular/core';
-import { hashCode, isEmpty, getScriptsAndStylesFullPaths } from './helpers';
+import {
+    hashCode,
+    isEmpty,
+    getScriptsAndStylesFullPaths,
+    getResourceFileName,
+    getExtName,
+    isObject,
+    getAssetsBasePath,
+    buildFullPath
+} from './helpers';
 import { of, Observable, Observer, forkJoin, concat } from 'rxjs';
 import { map, switchMap, concatAll } from 'rxjs/operators';
 import { HttpClient } from '@angular/common/http';
-import { PlanetApplication } from './planet.class';
+import { PlanetApplication, PlanetApplicationEntry } from './planet.class';
 import { createSandbox } from './sandbox';
 
+const STYLE_LINK_OR_SCRIPT_REG = /<[script|link].*?">/gi;
+const LINK_OR_SRC_REG = /(src|href)=["'](.*?)["']/i;
+
 export interface AssetsLoadResult {
     src: string;
     hashCode: number;
@@ -215,11 +227,39 @@ export class AssetsLoader {
         return forkJoin([this.loadScripts(scripts, options), this.loadStyles(styles)]);
     }
 
+    parseManifestFromHTML(html: string): Record<string, string> {
+        const result = {};
+        const matchResult = html.match(STYLE_LINK_OR_SCRIPT_REG);
+        matchResult.forEach(item => {
+            const linkOrSrcResult = item.match(LINK_OR_SRC_REG);
+            if (linkOrSrcResult[2]) {
+                const src = linkOrSrcResult[2];
+                const hashName = getResourceFileName(src);
+                let barSplitIndex = hashName.indexOf('-');
+                let dotSplitIndex = hashName.indexOf('.');
+                const splitIndex = barSplitIndex > -1 ? barSplitIndex : dotSplitIndex;
+                if (splitIndex > -1) {
+                    const name = hashName.slice(0, splitIndex);
+                    const ext = getExtName(hashName);
+                    result[ext ? `${name}.${ext}` : name] = src;
+                }
+            }
+        });
+        return result;
+    }
+
     loadAppAssets(app: PlanetApplication) {
-        if (app.manifest) {
-            return this.loadManifest(`${app.manifest}?t=${new Date().getTime()}`).pipe(
+        const basePath = getAssetsBasePath(app);
+        const manifest = app.entry ? (isObject<PlanetApplicationEntry>(app.entry) ? app.entry.manifest : app.entry) : app.manifest;
+        if (manifest) {
+            const manifestExt = getExtName(manifest);
+            const responseType = manifestExt === 'html' ? 'text' : 'json';
+            return this.loadManifest(`${buildFullPath(manifest, basePath)}?t=${new Date().getTime()}`, responseType).pipe(
                 switchMap(manifestResult => {
-                    const { scripts, styles } = getScriptsAndStylesFullPaths(app, manifestResult);
+                    if (responseType === 'text') {
+                        manifestResult = this.parseManifestFromHTML(manifestResult as string);
+                    }
+                    const { scripts, styles } = getScriptsAndStylesFullPaths(app, basePath, manifestResult as Record<string, string>);
                     return this.loadScriptsAndStyles(scripts, styles, {
                         app: app.name,
                         sandbox: app.sandbox,
@@ -228,7 +268,7 @@ export class AssetsLoader {
                 })
             );
         } else {
-            const { scripts, styles } = getScriptsAndStylesFullPaths(app);
+            const { scripts, styles } = getScriptsAndStylesFullPaths(app, basePath);
             return this.loadScriptsAndStyles(scripts, styles, {
                 app: app.name,
                 sandbox: app.sandbox,
@@ -237,11 +277,15 @@ export class AssetsLoader {
         }
     }
 
-    loadManifest(url: string): Observable<{ [key: string]: string }> {
-        return this.http.get(url).pipe(
-            map((response: any) => {
-                return response;
+    loadManifest(url: string, responseType: 'text' | 'json' = 'json'): Observable<Record<string, string> | string> {
+        return this.http
+            .get(url, {
+                responseType: responseType as 'json'
             })
-        );
+            .pipe(
+                map((response: any) => {
+                    return response;
+                })
+            );
     }
 }
diff --git a/packages/planet/src/helpers.spec.ts b/packages/planet/src/helpers.spec.ts
index f011ef6..a344e64 100644
--- a/packages/planet/src/helpers.spec.ts
+++ b/packages/planet/src/helpers.spec.ts
@@ -205,7 +205,7 @@ describe('helpers', () => {
         };
 
         it('should get correct full path without resourcePathPrefix', () => {
-            const result = getScriptsAndStylesFullPaths({ ...app });
+            const result = getScriptsAndStylesFullPaths({ ...app }, undefined);
             expect(result).toEqual({
                 scripts: ['vendor.js', 'main.js'],
                 styles: ['styles/main.css']
@@ -213,7 +213,7 @@ describe('helpers', () => {
         });
 
         it('should get correct full path with resourcePathPrefix', () => {
-            const result = getScriptsAndStylesFullPaths({ ...app, resourcePathPrefix: '/static/app1/' });
+            const result = getScriptsAndStylesFullPaths({ ...app }, '/static/app1/');
             expect(result).toEqual({
                 scripts: ['/static/app1/vendor.js', '/static/app1/main.js'],
                 styles: ['/static/app1/styles/main.css']
@@ -226,7 +226,7 @@ describe('helpers', () => {
                 'main.js': `main.${randomString()}.js`,
                 'main.css': `main.${randomString()}.css`
             };
-            const result = getScriptsAndStylesFullPaths({ ...app, resourcePathPrefix: '/static/app1/' }, manifest);
+            const result = getScriptsAndStylesFullPaths({ ...app, resourcePathPrefix: '/static/app1/' }, '/static/app1/', manifest);
             expect(result).toEqual({
                 scripts: [`/static/app1/${manifest['vendor.js']}`, `/static/app1/${manifest['main.js']}`],
                 styles: [`/static/app1/styles/${manifest['main.css']}`]
@@ -236,7 +236,5 @@ describe('helpers', () => {
 });
 
 function randomString() {
-    return Math.random()
-        .toString(36)
-        .slice(-8);
+    return Math.random().toString(36).slice(-8);
 }
diff --git a/packages/planet/src/helpers.ts b/packages/planet/src/helpers.ts
index e13049a..4525fc9 100644
--- a/packages/planet/src/helpers.ts
+++ b/packages/planet/src/helpers.ts
@@ -1,4 +1,4 @@
-import { PlanetApplication } from './planet.class';
+import { PlanetApplication, PlanetApplicationEntry } from './planet.class';
 
 const ELEMENT_NODE_TYPE = 1;
 
@@ -58,8 +58,8 @@ export function isFunction(value: any): value is Function {
     return !!value && type === 'function';
 }
 
-export function isObject(val: any) {
-    return val && typeof val === 'object';
+export function isObject<T extends object>(value: any): value is T {
+    return value && typeof value === 'object';
 }
 /**
  * Get file name from path
@@ -76,6 +76,15 @@ export function getResourceFileName(path: string) {
     }
 }
 
+export function getExtName(name: string) {
+    const lastDotIndex = name.lastIndexOf('.');
+    if (lastDotIndex >= 0) {
+        return name.slice(lastDotIndex + 1);
+    } else {
+        return '';
+    }
+}
+
 /**
  * Build resource path by manifest
  * if manifest is { "main.js": "main.h2sh23abee.js"}
@@ -93,33 +102,89 @@ export function buildResourceFilePath(resourceFilePath: string, manifestResult:
     }
 }
 
+export function buildFullPath(path: string, basePath?: string) {
+    if (basePath) {
+        if (path.startsWith(basePath)) {
+            return path;
+        } else {
+            return `${basePath}${path}`;
+        }
+    }
+    return path;
+}
+
+function getDefinedAssets(app: PlanetApplication) {
+    if (app.entry) {
+        return {
+            scripts: isObject<PlanetApplicationEntry>(app.entry) ? app.entry.scripts : undefined,
+            styles: isObject<PlanetApplicationEntry>(app.entry) ? app.entry.styles : undefined
+        };
+    }
+    return {
+        scripts: app.scripts,
+        styles: app.styles
+    };
+}
+
+export function getAssetsBasePath(app: PlanetApplication): string {
+    let basePath: string;
+    if (app.entry) {
+        if (isObject<PlanetApplicationEntry>(app.entry)) {
+            basePath = app.entry.basePath;
+        } else {
+            const lastDotIndex = app.entry.lastIndexOf('/');
+            basePath = lastDotIndex > 0 ? app.entry.slice(0, lastDotIndex + 1) : undefined;
+        }
+    }
+    return basePath || app.resourcePathPrefix;
+}
+
 /**
  * Get static resource full path
  * @param app PlanetApplication
  * @param manifestResult manifest
  */
-export function getScriptsAndStylesFullPaths(app: PlanetApplication, manifestResult?: { [key: string]: string }) {
-    let scripts = app.scripts || [];
-    let styles = app.styles || [];
+export function getScriptsAndStylesFullPaths(app: PlanetApplication, basePath: string, manifestResult?: { [key: string]: string }) {
+    let { scripts, styles } = getDefinedAssets(app);
     // combine resource path by manifest
     if (manifestResult) {
-        scripts = scripts.map(script => {
-            return buildResourceFilePath(script, manifestResult);
-        });
-        styles = styles.map(style => {
-            return buildResourceFilePath(style, manifestResult);
-        });
+        if (scripts) {
+            scripts = scripts.map(script => {
+                return buildResourceFilePath(script, manifestResult);
+            });
+        } else {
+            scripts = Object.keys(manifestResult)
+                .filter(key => {
+                    return getExtName(key) === 'js';
+                })
+                .map(key => {
+                    return manifestResult[key];
+                });
+        }
+        if (styles) {
+            styles = styles.map(style => {
+                return buildResourceFilePath(style, manifestResult);
+            });
+        } else {
+            styles = Object.keys(manifestResult)
+                .filter(key => {
+                    return getExtName(key) === 'css';
+                })
+                .map(key => {
+                    return manifestResult[key];
+                });
+        }
     }
-    if (app.resourcePathPrefix) {
+    if (basePath) {
         scripts = scripts.map(script => {
-            return `${app.resourcePathPrefix}${script}`;
+            return buildFullPath(script, basePath);
         });
         styles = styles.map(style => {
-            return `${app.resourcePathPrefix}${style}`;
+            return buildFullPath(style, basePath);
         });
     }
     return {
-        scripts: scripts,
-        styles: styles
+        scripts: scripts || [],
+        styles: styles || []
     };
 }
diff --git a/packages/planet/src/planet.class.ts b/packages/planet/src/planet.class.ts
index 0715855..ed0f1a9 100644
--- a/packages/planet/src/planet.class.ts
+++ b/packages/planet/src/planet.class.ts
@@ -7,41 +7,107 @@ export interface PlanetOptions {
     debugFactory?: Debug;
 }
 
+export interface PlanetApplicationEntry {
+    basePath?: string;
+    scripts?: string[];
+    styles?: string[];
+    manifest?: string;
+}
+
 export interface PlanetApplication<TExtra = any> {
+    /**
+     * Application name, e.g. "app1"
+     */
     name: string;
-    // 应用加载的宿主元素或者选择器
+    /**
+     * Selector or Element which app host parent
+     * 应用加载的宿主元素或者选择器
+     */
     hostParent: string | HTMLElement;
-
-    // 子应用的选择器
     /**
+     * Class name for host
+     */
+    hostClass?: string | string[];
+    /**
+     * Selector for sub application
+     * 子应用的选择器
      * @deprecated please use new defineApplication to set selector
      */
     selector?: string;
-    // 子应用路由前缀路径
+    /**
+     * Path prefix for sub application, e.g. '/app1'
+     * 子应用路由前缀路径
+     */
     routerPathPrefix: string | RegExp;
-    // 宿主元素附加样式
-    hostClass?: string | string[];
-    // 是否需要预加载
+    /**
+     * Preload enabled, default false, if enabled,the application will be loaded when idle in the background
+     * 是否开启预加载，开启后会在后台提前加载此应用
+     */
     preload?: boolean;
-    // 是否开启沙箱
+    /**
+     * Sandbox enabled
+     * 是否开启沙箱模式
+     */
     sandbox?: boolean;
-    // 切换应用的模式
+    /**
+     * Switch application mode
+     * default: will be destroyed when switch to other app
+     * coexist: only hide app when switch to other app
+     * 切换应用的模式
+     */
     switchMode?: SwitchModes;
-    // 资源文件路径的前缀
-    resourcePathPrefix?: string;
-    // 样式前缀
+    /**
+     * Style prefix, e.g. 'app1'
+     * 样式前缀
+     */
     stylePrefix?: string;
-    // 样式资源文件
+    /**
+     * The entry of the micro application, e.g. '/static/app1/index.html'
+     * If configured as string, it represents the entry html address of the micro application.  e.g. '/static/app1/index.html'
+     * If configured as object, the value of manifest is the html address of the micro application
+     *   entry.basePath: the base path of the entry, e.g. '/static/app1/'
+     *   entry.manifest: the manifest of the entry, e.g. 'index.html' or 'assets-manifest.json'
+     *   entry.scripts: the scripts of the entry, will get final scripts address by manifest and basePath
+     *   entry.styles: the styles of the entry, will get final styles address by manifest and basePath
+     */
+    entry?: string | PlanetApplicationEntry;
+    /**
+     * Manifest json file path, e.g. /static/app1/assets-manifest.json
+     * 应用程序打包后的脚本和样式文件替换
+     * @deprecated Please use entry.manifest instead
+     */
+    manifest?: string;
+    /**
+     * Path prefix of scripts and styles, e.g. 'static/app1/'
+     * 资源文件路径的前缀
+     * @deprecated Please use entry.basePath instead
+     */
+    resourcePathPrefix?: string;
+    /**
+     * Style static resource paths
+     * 样式资源文件
+     * @deprecated Please use entry.styles instead
+     */
     styles?: string[];
-    // 脚本资源文件
+    /**
+     * Scripts static resource paths
+     * 脚本资源文件
+     * @deprecated Please use entry.scripts instead
+     */
     scripts?: string[];
-    // 串行加载，默认并行加载脚本资源
+    /**
+     * Serial load scripts, default is parallel, only enable when the script has sequentially loaded dependency
+     * 串行加载，默认并行加载脚本资源，仅当脚本资源有依赖关系时开启
+     */
     loadSerial?: boolean;
-    // 皮肤样式的路径
-    themeStylesPath?: string;
-    // 应用程序打包后的脚本和样式文件替换
-    manifest?: string;
-    // 附加数据，主要应用于业务，比如图标，子应用的颜色，显示名等个性化配置
+    /**
+     * 皮肤样式的路径
+     */
+    // themeStylesPath?: string;
+    /**
+     * Extra data for application
+     * 附加数据，主要应用于业务，比如图标，子应用的颜色，显示名等个性化配置
+     */
     extra?: TExtra;
 }