Может ли webpack выставить переменную из верхнего уровня файла vanilla js?

Question

Я хочу использовать переменную из файла javascript, структурированного следующим образом ...

var thing = 123;

Я добавил репо с файлом типа yarn add git://repo, и мне нужен доступ к thing в моем веб-пакетепроект.Как я могу настроить webpack для показа thing остальной части моего кода?

Это похоже на способ выставления thing, если этот файл webpack.config.js был в модуле ...

module.exports = {
   ...
   entry: './js/index.js',
   output: {
      path: './www/js/',
      filename: 'index.js',
      library: 'myLibrary',
      libraryTarget: 'var'
   ...
}

... но я не пишу модуль.Я просто хочу получить доступ к переменной изнутри случайного файла JS.

Answer 1

Ответ: exports-loader.

После добавления репо с пряжей папка находится в node_modules/.Добавьте exports-loader с помощью

yarn add exports-loader

и добавьте правило в webpack.config.js:

module.exports = {
  module: {
    rules: [
      {
        test: require.resolve(
          "./node_modules/repo-name/vanilla-file.js"
        ),
        use: "exports-loader?thing"
      },
...

После сборки переменная thing доступна из файлов в src / byделаем это:

import thing from "../node_modules/repo-name/vanilla-file";