具有多个入口点和部分重叠的 Webpack答案

【问题标题】：Webpack with multiple entry points and partial overlap具有多个入口点和部分重叠的 Webpack
【发布时间】：2018-01-15 07:18:23
【问题描述】：

我有一个相当复杂的文件夹结构，因为我支持多种语言并且每种语言都有一个文件夹。

所以我有类似的东西：

themes/

  |base
  |desktop
  |mobile
  |de
  |en
  |es

语言文件夹与 base/desktop/mobile 共享其 JS/CSS，但文件夹本身可能需要添加一些自定义 CSS。

因此，目标是为base/desktop/mobile 提供一个单独的 js 包，并通过提取文本插件为每种语言提供带有 CSS 包的单独文件夹。

这是否可以通过单个 webpack.config 文件实现，还是我必须做一些黑魔法分别捆绑每种语言并将 js 内容连接在一起？

我是否必须提出一些特定于 webpack 的桶文件才能将它们组合在一起，或者我可以保留默认的 JS/CSS/HTML 术语吗？

【问题讨论】：

【解决方案1】：

您想为 base/desktop/mobile 制作一个捆绑文件吗？

为什么不在单个 css 文件中制作带有媒体查询的 css 代码？

换句话说，响应式设计应该满足您对基础/桌面/移动的需求

【讨论】：

对于每个我想要一个捆绑包的人。所以让我们说 base.js、desktop.js、mobile.js。例如，某些语言对同一元素有不同的样式。所以html可能是一样的，但是css是不同的。