Раскрытие устаревших методов и переменных шаблона модуля с использованием Webpack

#javascript #webpack

#javascript #webpack

Вопрос:

Я пытаюсь настроить webpack на использование некоторого устаревшего кода, но эта схема:

slidesystem.js:

 export var slideSystem = (function () {

    var position = 0;

    function init() {
        alert('winner!');
    } // init

})();
  

app.js

 import {slideSystem} from './slidesystem';

slideSystem.init();
alert(slideSystem.position);
  

Работает не так, как ожидалось… Есть ли лучший способ сделать это?

Ответ №1:

Вот один из способов сделать это, используя демонстрацию выше:

slidesystem.js

 const slideSystem = (function () {

    'use strict';

    var position = 0;

    function init() {
        alert('winner!');
    } // init

    return {
        init: init,
        pos: pos
    };

})();
export default slideSystem;

  

app.js

 import {slideSystem} from './slidesystem';

slideSystem.init();
alert(slideSystem.position);