问用Webpack打造品牌

EN

是的，webpack真的很擅长这类事情，一旦你熟悉了它。有几种不同的方法可以处理它，但它们都与您如何设置您的webpack配置。

1. 为每个“brand.‘”分别编写webpack配置文件。这是与示例最接近的匹配，因为webpack有一个用于指定要使用的配置文件的CLI标志，例如webpack --config webpack.config.brand-a.js。
2. 但大多数webpack配置可能会是相同的，每个品牌(特别是如果只有CSS正在变化)。因此，与其使用重复的代码，不如将每个品牌的配置文件中相同的部分分开，可能将每个块作为单独的JS模块放在项目根目录的/webpack目录中。因此，您有一个用于加载程序配置的模块，以及一个用于插件配置等的模块，您的配置文件每个require/import都是这样的。现在，您的配置文件中的样板要少得多，而且大部分只是与构建不同的部分。
3. 一旦你开始分裂你的webpack配置，有很多方法来组织它。虽然通常的webpack配置格式是导出一个配置对象，但它也允许您从配置文件导出一个配置对象数组--在这种情况下，webpack将为导出数组中的每个配置对象单独构建。实现这一点的另一种方法是一个webpack.config.js文件，您可以编写一小部分代码来迭代各个品牌，然后将一个config对象推到一个数组中，然后导出整个数组。这里的好处是，您可以使用一个命令运行所有构建，因为webpack负责为每个构建创建单独的进程。
4. 一句警告--建造时间可能会很长。(尽管我从v1.x开始就没有深入研究过它，而且情况可能已经好转了。)如果你建立了很多，你可能会发现，这是值得研究webpack优化，以加快这一过程。