Как обрабатывать глобальные функции и глобальные переменные с помощью веб-пакета - PullRequest
Новая
       8

Как обрабатывать глобальные функции и глобальные переменные с помощью веб-пакета

0 голосов
/ 05 июля 2018 
addMethod.js

function add(){
  // do something
}

Допустим, у меня есть функция add, к которой можно получить глобальный доступ. Но когда я связал этот файл с веб-пакетом (v4), я столкнулся с ошибкой add of undefined при запуске этого файла в браузере.

До сих пор в моем исследовании я встречал только людей, которые рекомендовали, чтобы глобальные функции и методы были добавлены к объекту окна

Проблема в более крупном проекте, как мне решить подобные проблемы?

Я знаю, что могу использовать ключевое слово export or window.

Но я ищу любой плагин webpack, который позаботится об этом, вместо того, чтобы мне приходилось обновлять каждый файл в моем проекте ??

Примечание: версия Webpack - 4 и ES5

1 Ответ

0 голосов
/ 05 июля 2018

Если вы не хотите импортировать эти функции в каждый файл, вы можете добавить свои global функции, например, в файл с именем globals.js, а затем добавить следующее в конфигурацию вашего веб-пакета: 

module.exports = {
  ...
  resolve: {
    ...
    alias: {
      'global': [path_to_global.js] 
    }
  },

  plugins: [
    new webpack.ProvidePlugin({
      'global': 'global'
    })
  ]  
}

Затем вы можете вызывать свои функции с помощью global.yourFunction() в любом месте вашего приложения.

...