Question

我有一个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），我需要使这些应用程序现在不能一起拆分-是有办法做到这一点。

Answer 1

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

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

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

，也可以看看这个标签

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

1 个答案: