我正在构建具有主题要求的应用程序,该要求只能在运行时确定。在构建时,可以为所有主题提供主题变量。

是否可以让webpack使用不同的变量文件来构建节点模块-在这种情况下为 bootstrap ?我猜在构建时,我希望它构建 bootstrap 的多个版本/主题。然后在运行时,我可以基于一些前缀引用正确的css文件。

例如

theme1.bootstrap.css
theme2.bootstrap.css
theme3.bootstrap.css

我正在将Bootstrap 4,与Webpack 2一起使用。

使用webpack可以实现,如何实现呢?

最佳答案

确实。我假设您是根据用户个人资料类型系统确定主题的。请在下面查看并添加if语句以在sql中查找变量,然后简单地应用css。简单的。尝试创建它,如果在发布代码时遇到麻烦,我相信有人可以提供帮助。 Add stylesheet to Head using javascript in body体内脚本。同样,如果您还没有使用 bootstrap 允许主题文件,那么您可以保持整体样式加载,而只需应用所需的配色方案,这样就只需要加载一次较大的脚本即可。

关于css - 使用webpack的多个引导主题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42504747/

10-16 15:57