换句话说,有什么区别:
<!--index.html-->
<script src="./fooFolder/lib.js"></script>
和
/*--app.js --*/
import * as lib from 'fooFolder/lib';
正在访问的文件:
//------ lib.js ------
export const sqrt = Math.sqrt;
export function square(x) {
return x * x;
}
export function diag(x, y) {
return sqrt(square(x) + square(y));
}
使用import语句的主要好处是不是所有内容都立即加载?但似乎我仍然必须在索引中包含文件引用,所以似乎并非如此。
所以,简而言之,重点是什么(我确信有一个,我完全错过了它)。
答案 0 :(得分:4)
范围和名称空间 https://en.wikipedia.org/wiki/Scope_(computer_science)
代码分离和测试,导入允许错误被定位,由于范围有限而不太复杂
压缩和优化,工具可以找出需要或不需要的代码,这样您就可以专注于编程而不是依赖性搜索
共享库,通用软件包使用较少的样板代码
导入是良好代码架构的重要组成部分,如果您想了解更多https://angular.io/docs/ts/latest/guide/architecture.html
,我建议您阅读类似Angular 2架构的内容