В чем смысл "импорта" в ES 6?

Question

Другими словами, в чем разница между:

<!--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 то, что не все загружается сразу? Но, похоже, мне все еще нужно включить ссылки на файлы в индекс, так что это не так.

Итак, вкратце, какой смысл (я уверен, что есть один, и я полностью пропускаю это).

Answer 1

1. Область видимости и пространства имен https://en.wikipedia.org/wiki/Scope_(computer_science)

2. Разделение кода и тестирование, импорт позволяют локализовать ошибки, менее сложные для тестирования из-за ограниченного объема

3. Сжатие и оптимизация, инструменты могут выяснить, какой код нужен или не нужен, поэтому вы можете сосредоточиться на программировании, а не на поиске зависимостей

4. Общие библиотеки, общие пакеты используют меньше стандартного кода

Импорт является большой частью хорошей архитектуры кода, я рекомендую вам прочитать что-то вроде архитектуры Angular 2, если вы хотите узнать больше https://angular.io/docs/ts/latest/guide/architecture.html