Как получить доступ к фнкциям js(файл собран через webpack)?

Question

[Yevhenii K]

Использую фреймворк foundation, файлы js собираются через webpack/babel. Как получить доступ к js функциям из html?
Конфиг webpack из файла gulp.babel.js

let webpackConfig = {
  module: {
    rules: [
      {
        test: /.js$/,
        use: [
          {
            loader: 'babel-loader'
          }
        ]
      }
    ]
 }
};

Answer 1

[Николай]

Скорее всего вам нужно добавить в output два параметра:

output: {
    libraryTarget: 'var',
    library: '%libraryName%',
}

Это заассайнит в window.%libraryName% то, что экспортирует ваш entry файл.
Подробнее можно почитать тут: https://webpack.js.org/configuration/output/

Comments

[Yevhenii K]

Подскажите, у меня есть 2 файла. В первом функция и exports.table, что бы можно было ее вызвать в основном файле.
Для того что бы получать доступ к ней глобально(из HTML) в основном файле также нужно прописать exports.table.

[Николай]

да, именно так. Ну либо собрать отдельно два файла, если они не связаны