Внешние элементы, определенные в webpack.config, все еще получают модуль ошибки, не найденный

Question

Я определил внешние ссылки в webpack.config для Material-UI

module.exports = [{
  entry: ...
  output:...
  externals: {
    react: {
      commonjs: "react",
      commonjs2: "react"
    },
    "material-ui": {
      commonjs: "material-ui",
      commonjs2: "material-ui"
    }
  },
  module: ...
}];

Все еще дает ошибку

Не удается разрешить модуль 'material-ui/IconButton'......

В моем файле JS записи, у меня есть

import React, {Component} from "react";
import IconButton from "material-ui/IconButton";
.....
.....

Answer 1

Хорошо, я решил это. Внешний ожидает полного пути.

Так что либо,

import {IconButton} from "material-ui"

или же

externals: {
  "material-ui/IconButton": {
    commonjs: "material-ui/IconButton",
    ...
  }
}

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