Javascript 当条目是数组时如何导出内容的网页包

如果我执行正常操作，并且有一个字符串路径，则默认导出工作：

entry: {
  'someExportName': './src/index.js'
}

但是，我正在尝试重构一个导出多个css文件的遗留项目，其中一个与JS文件同名：

entry: {
  'someExportName': ['./src/index.js', './src/themes/default.less'],
  'someExportName.nonDefaultTheme': './src/themes/nonDefaultTheme.less',
}

问题是，如果我使用数组，即使我得到

someExportName.js

和

someExportName.css

，Webpack也不再知道库的默认导出应该是什么。在生成的代码中，它来自：

return __webpack_require__(__webpack_require__.s = "./src/index.js");

致：

---

我想我必须用不同的名称创建一个css文件，然后重命名它，但我想知道当我们使用数组时，webpack是否有一种非黑客方式来选择导出什么？谢谢。

当使用数组作为条目的值时，最后一个元素是为该条目生成的包导出的元素

因此，将您的JS文件移动到各自条目数组的末尾：

entry: {
  'someExportName': ['./src/themes/default.less', './src/index.js'],
  'someExportName.nonDefaultTheme': './src/themes/nonDefaultTheme.less',
}

---

听起来@sdgluck的答案应该有用，事实上我发现它也写在这里-

---

可惜我运气不好。我所做的是CSS文件，它必须有相同的名称，我将其导入到

/src/index.js

中，以便与

MiniCssExtractPlugin

结合使用，创建一个同名的css文件，我可以避免使用该数组。

谢谢，听起来似乎有道理，但不幸的是，我有相同的结果。我会将其标记为正确，以防它适用于其他人，否则他们可以参考我的答案

entry: {
  'someExportName': ['./src/themes/default.less', './src/index.js'],
  'someExportName.nonDefaultTheme': './src/themes/nonDefaultTheme.less',
}