Css 使用webpack的多个引导主题_Css_Twitter Bootstrap_Webpack_Bootstrap 4_Webpack 2

Css 使用webpack的多个引导主题

css twitter-bootstrap webpack bootstrap-4

Css 使用webpack的多个引导主题,css,twitter-bootstrap,webpack,bootstrap-4,webpack-2,Css,Twitter Bootstrap,Webpack,Bootstrap 4,Webpack 2,我正在构建一个只有在运行时才能确定主题要求的应用程序。在构建时，可以为所有主题提供主题变量是否可以让webpack使用不同的变量文件构建节点模块（在本例中为引导）？我想在构建时，我希望它能够构建多个版本/主题的引导。然后在运行时，我可以根据一些前缀引用正确的css文件 e、 g 我正在使用Bootstrap4和Webpack2 使用webpack是可能的，我如何才能做到这一点？当然可以。我假设您是根据用户配置文件类型系统确定主题的。看看下面，添加一个if语句来查找sql中的变量，然后简单地应用

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

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

e、 g

我正在使用Bootstrap4和Webpack2

使用webpack是可能的，我如何才能做到这一点？

当然可以。我假设您是根据用户配置文件类型系统确定主题的。看看下面，添加一个if语句来查找sql中的变量，然后简单地应用css。简单。尝试创建它，如果你遇到麻烦，在这里张贴你的代码，我相信有人可以帮助你。正文中的脚本。另外，如果您没有使用bootstrap，则允许使用主题文件，这样您可以保持整体样式加载，只需应用所需的配色方案，这样您只需加载一次更大的脚本。

您可以使用webpack插件

主题开关

，将所有主题文件放在一个目录中，该插件将把主题编译成单个文件。然后使用函数

changeTheme

在运行时切换主题

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