在子目录中托管的Angular 2应用程序在捆绑后与systemjs有相对路径问题

时间:2016-09-29 10:30:28

标签: angular typescript gulp systemjs

我正在使用sysmtemjs-builder buildStatic方法创建一个单独的bundle文件。 我的angular2应用程序作为iis上的子应用程序托管。

例如

http://www.maindomain.com/subapplication/

当我创建打包的js文件。所有视图和样式路径都指向主域

http://www.maindomain.com/app/modules/testcomponent.view.html

应该是

http://www.maindomain.com/subapplication/app/modules/testcomponent.view.html

我尝试了以下的事情,但没有一个是在做什么的 添加了<base href="subapplication" /> 为每个角度组件添加了module.id. 尝试在我的systemjs.config.js文件中添加baseURL

如何仅将我的子虚拟目录路径附加到视图和样式?

这是我的tsconfig

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "declaration": false,
    "removeComments": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "pretty": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noFallthroughCasesInSwitch": true,
    "rootDir": "./app"
  },
  "compileOnSave": false,
  "files": [
    "app/main.ts",
    "typings/index.d.ts"
  ]
}

0 个答案:

没有答案