如何在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 
}) 
...