webpack的多个bootstrap主题

Question

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

是否有可能让webpack构建节点模块 - 在本例中为bootstrap - 使用不同的变量文件？我想在构建时我会希望它构建bootstrap的多个版本/主题.然后在运行时我可以根据一些前缀引用正确的css文件.

例如

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

我正在使用bootstrap 4,使用webpack 2.

可以使用webpack,我该如何实现？

Answer 1

确实。我假设您正在根据用户配置文件类型系统确定主题。看一下下面的内容，添加一个 if 语句来查找 sql 中的变量，然后简单地应用 css。简单的。尝试创建它，如果您遇到麻烦，请在这里发布您的代码，我相信有人可以提供帮助。使用正文 script-in-body 中的 javascript 将样式表添加到 Head。另外，如果您还没有使用引导程序允许主题文件，这样您就可以保持整体样式加载并简单地应用您想要的配色方案，这样您只需要加载一次较大的脚本。