Как импортировать пользовательский модуль UMD в проект Webpack 4

Question

Я разрабатываю библиотеку, которая должна работать как в узле, так и в приложении реакции.Я использую проект webpack 4, который генерирует модуль UMD, но у меня возникает проблема, когда я пытаюсь импортировать его в простой проект webpack.

Когда я использую import lib from 'myLib'; библиотека не определена

Вот так выглядит моя библиотека

export const printMsg = function() {
  return "This is a message from the lib";
};

С этой конфигурацией веб-пакета

const path = require("path");

module.exports = {
  entry: "./src/index.js",
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "mylib.js",
    library: "mylib",
    libraryTarget: "umd",
    umdNamedDefine: true,
    globalObject: `(typeof self !== 'undefined' ? self : this)`
  }
};

сейчас я использую шаблонный проект (https://github.com/wbkd/webpack-starter) для тестирования.

Я использовал npm install --save mylib, чтобы добавить его, и мой код dist находится внутри моей папки node_modules. Мой index.jsфайл выглядит следующим образом:

import "../styles/index.scss";
import lib from "watson-tile-lib";
console.log(lib);

Когда я запускаю страницу, я получаю undefined в консоли браузера.

Есть идеи?