Это расплывчато - я заранее извиняюсь, я стараюсь быть настолько кратким, насколько я могу, с моим ограниченным пониманием, в то же время выставляя мои потенциально неверные предположения.
У меня есть веб-сайт, который буквально представляет собой один огромный HTML-файл.Он запускает скрипты, определенные в строке в теге <scripts>.
Моя цель - переместить все скрипты в отдельные файлы .js и перетащить их в index.html (или друг в друга, где это необходимо).Я знаком с использованием Node's require и знаком с import , используемым в Angular.Я подчеркиваю использование , потому что я действительно не знаю как они работают.
Предположение 1 : я не могу использовать require - эточисто для Node.js.Причина, по которой я привел это, состоит в том, что я почти уверен, что видел требование в AngularJS 1.5 коде, поэтому допущение делает меня неудобнымЯ догадываюсь это было сшито WebPack, Gulp или подобным.
Предположение 2 : я должен использовать import, но импорт работает только с URLадрес, если мой .js размещен на сервере или CDN, он будет удален.НО, я не могу указать локальный путь (на сервере) здесь - index.html НЕ будет автоматически извлекать зависимости во время обслуживания.Мне нужно npm/Webpack/other для предварительной компиляции моего index.html, если я хочу, чтобы deps был загружен на сервер.
Предположение 3 : Предварительная компиляция вОдин, готовый к работе, HTML-файл - это желаемый способ построения вещей, потому что файл можно быстро обслужить (при условии, что он готов к работе).Я делаю предположение о недавней тенденции обслуживания Markdown с CDN, появлении JAMstack и количестве сайтов, использующих Jekyll и т. Д. (Правда, для традиционных сайтов Jekyll).
Предположение 4 : Я также хочу в конечном итоге перейти к Typescript, но я предполагаю, что это ничего не меняет, поскольку я просто потяну TS, чтобы скомпилировать его до .js, а затем использую любое решение, которое я использовал выше
Вопрос : Если понятно, что я пытаюсь сделать и что меня смущает, является ли приличным решением изучить npm/Webpack, чтобы склеить мои .js файлы?Что бы подготовило их для склеивания, используя import / export ?Если да, то есть ли пример того, как это обычно делается?