Webpack - własny moduł dostępny globalnie

pytanie zadane 12 lutego 2019 w JavaScript przez Pietrak Pasjonat (18,850 p.)

Witam, to moje pierwsze kroki z webpackiem, wcześniej korzystałem z gulpa i bowera.

A więc mam kod własnego modułu, który wygląda mniej więcej tak:

const customDataTable = () => {
    "use strict";

    let settings =
        {
            tableShow: $('#table-show'),
            tableSearch: $('#table-search'),
            table: $("#table--sortable"),
            details: null,
            columns: [],
            selection: false,
            afterShowDetails: () => {
            }
        };

..... inny kod

    const init = function (options) {
        $.extend(settings, options);
    };

 
    return {
        init: init
..inne funkcję publiczne..
    };
};

Proszę nie zwracać uwagi na ewentualne błędy w kodzie, bo możliwie że za dużo skróciłem kod ;)

Mój plik webpack wygląda tak:

require('jquery');
import customDataTable from './js/customDataTable'
window.customDataTable = customDataTable;

i cały widok mam generowany za pomocą laravela w PHP i próbuję odwołać się do publicznej funkcji.

//tutaj dołączenie skryptu wygnerowanego przez webpack
<script>
    customDataTable.init({..tutaj parametry..)}
</script>

ale nie mogę się dostać do samej funkcji init. Webpack jakoś generuje kod, że nie mogę bo wygląda na to, że funkcja jest prywatna. Wcześniej korzystając z gulpa jako preprocesora wszystko działało poprawnie.

Sama zmienna customDataTable widzę, że istnieje.

Co robię źle?

komentarz 12 lutego 2019 przez ShiroUmizake Nałogowiec (46,300 p.)

Nie powineś przypadkowo przez $. Czemu nie zrobisz z tego widget?

komentarz 12 lutego 2019 przez Pietrak Pasjonat (18,850 p.)

Nie przez $ jeśli dorzuciłbym to przez jquery. customDataTable normalnie widzę, ale customDataTable.init() już nie.

Co rozumiesz przez widget? Jakiś przykład mogę prosić, bo google nie daje mi jednoznaczej odpowiedzi