Express 如何根据源条目有条件地应用不同的网页包加载器?

Express 如何根据源条目有条件地应用不同的网页包加载器?,express,webpack,server-side-rendering,Express,Webpack,Server Side Rendering,我有一个用webpack构建的React应用程序,我想在某些情况下忽略css模块加载 我有两种Web包配置: 我需要为浏览器构建加载所有css模块(目前没有问题) 只有当不是服务器端渲染(SSR)应用程序树时,我才需要为服务器加载css模块 下面是一些用于说明的伪代码(顺便说一句,该应用程序是一个: 我知道,但我不明白它如何解决我的案子 // webpack.browser.js (standard build) { entry: './client.jsx', module: {

我有一个用webpack构建的React应用程序,我想在某些情况下忽略css模块加载

我有两种Web包配置:

  • 我需要为浏览器构建加载所有css模块(目前没有问题)
  • 只有当不是服务器端渲染(SSR)应用程序树时,我才需要为服务器加载css模块

  • 下面是一些用于说明的伪代码(顺便说一句,该应用程序是一个:


    我知道,但我不明白它如何解决我的案子

    // webpack.browser.js (standard build)
    {
      entry: './client.jsx',
      module: { loaders: [ { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } ] },
    }
    
    // client.jsx
    import App from './src/App.jsx';
    // ...App includes styles
    
    // webpack.server.js
    {
      entry: './server.js',
      module: { loaders: [ 
        { 
          test: /\.scss$/, 
          loaders: [
            // may be conditionally load scss depending on which express middleware the app is builded
          ] 
         } 
      ] },
    }
    
    // server.js
    // ...
    import App from './src/App.jsx';
    import LandingPage from './src/LandingPage.jsx';
    
    app.use('/app', function ssrMiddleware(req, res) {
      // How to not load scss modules ?
      const html = ReactDOMServer.renderToStaticMarkup(React.createElement(App));
      res.send(html);
    });
    
    app.use('/', function websiteMiddleware(req, res) {
      // How to load scss modules ?
      const html = ReactDOMServer.renderToStaticMarkup(React.createElement(LandingPage));
      res.send(html);
    });