如何在angular 2 webpack中聲明並導入變量到組件中？

Question

我嘗試將變量聲明爲*.ts文件並將文件導入要使用的組件.ts文件中。

url.ts：

var loginComponentTemplateUrl: string; 
if (true) { 
    loginComponentTemplateUrl = './login.component.html'; 
} else { 
    loginComponentTemplateUrl = './app/login/login.component.html'; 
} 

login.component.ts：

import './url'; 
@Component({ 
    templateUrl: loginComponentTemplateUrl 
}) 
... 

在SystemJS所有工作，但是當我嘗試使用Webpack構建一個錯誤：loginComponentTemplateUrl variable not defined。 我需要將這個url.ts文件導入到polyfills.ts或​​但是如何？據我所知vendor.ts/polyfills.ts文件只與modules工作。

Answer 1

你必須export從url.ts在url.ts

let loginComponentTemplateUrl: string; 
if (true) { //will throw linting error 
    loginComponentTemplateUrl = './login.component.html'; 
} else { 
    loginComponentTemplateUrl = './app/login/login.component.html'; 
} 

export default loginComponentTemplateUrl 

而且loginComponentTemplateUrl變量和import它login.component.ts

這樣的事情，在login.component.ts

import loginComponentTemplateUrl from './url' 
@Component({ 
    templateUrl: loginComponentTemplateUrl 
}) 
...