Javascript 用网页包装打造品牌

我有一个要求做基于品牌的网页包建设（使用品牌特定的css建设）。我想在建设的同时把品牌作为一块土地来传递。例如，我有两个品牌brandA和brandB，我将有如下构建命令

• npm构建——布兰达
• npm构建——brandB

---

有没有一个解决方案，为这种品牌明智的内置网页？请帮忙。

是的，一旦你熟悉了webpack，它在这方面真的很在行。有几种不同的方法可以实现它，但它们都与如何设置网页配置有关

为每个“品牌”编写单独的webpack配置文件。这与您的示例最为匹配，因为webpack具有用于指定要使用的配置文件的CLI标志，例如

webpack--config webpack.config.brand-a.js

但是对于每个品牌，你的大多数网页配置可能都是相同的（特别是如果只是CSS在改变的话）。因此，您不需要重复代码，而是将每个品牌的配置文件中相同的部分分开，可能将每个块作为单独的小JS模块放在项目根目录下的/webpack目录中。因此，您有一个用于加载程序配置的模块和一个用于插件配置的模块，等等，并且您的配置文件每个

都需要导入这些文件。现在，您的配置文件中的样板文件要少得多，而且大部分只是不同构建的部分

一旦你开始分解你的网页配置，有很多方法来组织它。虽然正常的webpack配置格式是导出单个配置对象，但它也允许您从配置文件导出配置对象数组——在这种情况下，webpack将为导出的数组中的每个配置对象执行单独的生成。因此，实现这一点的另一种方法是使用一个

webpack.config.js

文件，在该文件中，您可以编写一些代码来迭代各个品牌，并将每个品牌的配置对象推送到一个数组中，然后导出整个数组。这样做的好处是，您可以使用单个命令运行所有构建，因为webpack负责为每个构建创建单独的进程

一句警告的话——构建时间可能非常长。（尽管我从v1.x版开始就没有深入研究过它，事情可能已经变得更好了。）如果你构建了很多网页，你可能会发现值得研究网页优化以加速这个过程

---

如何配置css/图像文件路径？