webpack - 在 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",
    ...
  }
}

将工作。当然，第二种选择在这里是不合理的