Как связать библиотеку js для использования в браузере с webpack?

Question

Я пытаюсь создать уменьшенную версию библиотеки js с веб-пакетом.

Библиотека состоит из одной основной функции с экспортируемыми прототипами и нескольких других функций, от которых она зависит, которые импортируются в файл основной функции. Это работает без комплектации, и я предполагаю, что этот файл должен быть точкой входа для веб-пакета.

Я собираюсь собрать его в некоторые mylib.min.js, чтобы иметь возможность доступа к нему в браузере, как если бы я использовал jQuery или аналогичные библиотеки. Поэтому я не хочу связывать целое веб-приложение, только библиотеку JS, которую я написал.

Я не очень-то с этим справляюсь, так как все уроки показывают, как собрать все веб-приложение. Мои вопросы:

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

Если бы вы могли порекомендовать какой-либо пример (например, учебник, репозиторий gitub, который делает это ...), я был бы счастлив! Любые предложения приветствуются!

Answer 1

Вы смотрели документацию на веб-сайте?

Вот пример

Для широкого использования библиотеки мы хотели бы, чтобы она была совместимой в различных средах, например CommonJS, AMD, Node.js и в качестве глобальной переменной. Чтобы сделать вашу библиотеку доступной для использования, добавьте свойство библиотеки в вывод:

webpack.config.js

  var path = require('path');

  module.exports = {
    entry: './src/index.js',
    output: {
      path: path.resolve(__dirname, 'dist'),
-     filename: 'webpack-numbers.js'
+     filename: 'webpack-numbers.js',
+     library: 'webpackNumbers'
    },
    externals: {
      lodash: {
        commonjs: 'lodash',
        commonjs2: 'lodash',
        amd: 'lodash',
        root: '_'
      }
    }
  };

Если у вас есть какие-либо другие вопросы по поводу этой конкретной документации, просто создайте библиотеки gs webpack js authoring. Вы будете перенаправлены на хороший сайт. Сайт может быть изменен шаблон.