Skip to content

Angular 中 安装system #122

Open
Open
@deepthan

Description

@deepthan

1. 下载systemjs

yarn add "@types/systemjs": "^0.20.6",

或者

npm install @types/systemjs --save-dev

2. 配置tsconfig

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "types": ["system"],  //<-- here
}

3. index.html中引入该js

index.html

  <script src="node_modules/systemjs/dist/system.src.js"></script>

4. type.d.ts中定义System的类型

type.d.ts

declare var System: any;

pages.routing.ts

5. 导入模块

export function loadAuthModule() {
  return System.import('@ithinkdt/pages').then(mod => mod.IThinkDTAuthModule);
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions