服务器端渲染-在CSS捆绑包之间切换

时间:2018-07-07 17:59:05

标签: reactjs webpack

我有一个SSR应用程序-(反应+表达) 并让我的webpack像这样:

entry: {
           main: ['babel-polyfill', './client/index.js'],
           site1css: './components/site1/scss/main.scss',
           site2css: './components/site2/scss/main.scss',
        },

我的dist文件夹中将有2个独立的CSS捆绑包-在server.js文件中 我是第一次根据路由注入适当的CSS捆绑软件。

但是,当路由从site1更改为site2,反之亦然时如何更新到另一个css文件(我有一个链接到site1上的site2和site2上的site1),我需要使这些应用程序现在不能一起拆分-是有办法做到这一点。

1 个答案:

答案 0 :(得分:0)

webpack条目仅可用于在初始构建时切换CSS捆绑包。为了基于路由实现此目的,也许您可​​以定义两组scss文件,并根据使用react主题上下文提供程序提供的主题变量来呈现类。

基于主题的类渲染是一个乏味的过程,但是我一直面临着同样的问题,无法解决。

如果您还没有React component theme using sass variables depending on React prop value

,也可以看看这个标签