Как правильно писать скрипты (во что обарачивать) чтобы при канкатенации всех скриптов в один файл скрипт по прежнему работал?

Question

[AbaGardon]

Добрый вечер!

Есть в проекте пару скриптов, заказчик попросил их все объединить в один файл.
Я так и сделал, но после этого скрипты перестали работать. Как правильнее все таки писать скрипт чтобы в дальнейшем такого избежать ?

Answer 1

[Pavel Shvedov]

Разбивать файлы на модули, импортировать друг в друга и собирать вебпаком

Comments

[AbaGardon]

а как эти модули писать ?

[Interface]

AbaGardon, https://learn.javascript.ru/modules
либо как временный хак оберните все в iife https://developer.mozilla.org/en-US/docs/Glossary/IIFE

[AbaGardon]

Interface, получается нужно делать так?:

"use strict";
(function () { 
    $(document).ready(function() {
          // тут код ? 
    }    
}

И применять это везде, когда начинаю писать новый скрипт ?

[Pavel Shvedov]

AbaGardon, так модули писать

Answer 2

[Сергей Горностаев]

Проще всего в вызов анонимной функции

(function() {
    ...
})();

Comments

[AbaGardon]

Так и сделал. Работает. Спасибо!

Answer 3

[Alexander Pushkarev]

Как писал Pavel Shvedov надо использовать webpack.

Вот большой пример.

// app.js

import router from './router';

const app = new App({
    router
});

// router.js

const router = () => { /* ... */ }

export default router;

Comments

[AbaGardon]

Я через функцию сделал. Все вроде работает.