当条目是数组时，Webpack 如何导出某些内容

Question

如果我做正常的事情并且有一个字符串路径，则默认导出有效：

entry: {

  'someExportName': './src/index.js'

}

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

entry: {

  'someExportName': ['./src/index.js', './src/themes/default.less'],

  'someExportName.nonDefaultTheme': './src/themes/nonDefaultTheme.less',

}

问题是，如果我使用数组，即使我得到了someExportName.jsand someExportName.css，Webpack 也不再知道库的默认导出应该是什么。在生成的代码中，它来自：

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

至：

return __webpack_require__(__webpack_require__.s = 0);

我想我将不得不创建一个具有不同名称的 css 文件，然后在之后重命名它，但我想知道 webpack 是否有一种非hacky 方式在我们使用数组时选择要导出的内容？谢谢。

Answer 1

当使用数组作为条目的值时，最后一个元素是为该条目生成的包导出的内容。因此，将您的 JS 文件移动到其各自条目数组的末尾：entry: {  'someExportName': ['./src/themes/default.less', './src/index.js'],  'someExportName.nonDefaultTheme': './src/themes/nonDefaultTheme.less',}