[MegaZU0]

Mirki z #javascript i #naukaprogramowania mam sobie plik main.js z czymś takim

const APP = {

a(){

 //coś

},

 b(){

//coś

 },

c(){

 //coś

}

}

Czy trzeba to rozbić na kilka plików by np. a() był w a.js, b() w b.js i c() w c.js, a później to zaimportować? Jak to wykonać zgodnie z ostatnimi standardami?
Dodam #jquery bo ludzie to obserwują.

[Viters]

@MegaZU0:

// a.js

export function a() {
console.log('a');

}

----

import {a} from './a'; // o ile się nie mylę to rozszerzenia są opcjonalne

a();

[MegaZU0]

@Viters a ten sposób można wykorzystać przy scalaniu plików (gulp/webpack)

[HAL__9000]

const APP = {

a()

}

@MegaZU0: Jak chcesz mieć tę metodę w obiekcie, to dajesz ją po prostu bez wywołania.

const APP = {a}

[MegaZU0]

@HAL__9000: a no tak, niedopatrzenie.
A co z łączeniem wszystkiego np. chciał bym mieć rozbite na pliki metody w wersji dev, a kiedy wszystko jest gotowe i chcę przerzucić na finalną wersję metody z plików by się przenosiły do main.js? Jest na to jakiś sposób w webpack/gulp?

[HAL__9000]

@MegaZU0: Do takich rzeczy służy webpack. Bundlujesz sobie nim pliki, które używają export/import, w całość. Poczytaj sobie na oficjalnej stronie webpacka, tam wszystko jest w miarę ładnie opisane. Generalnie polega to na stworzeniu pliku config, który będzie to wszystko ogarniał.

[MegaZU0]

@HAL__9000: będę musiał się pewnie z gulpa na webpacka przenieść jeszcze raz dzięki.