サーバサイドレンダリング：モジュールスタイルローダcss-loaderを見つけることができません

Question

私のリアクションWebアプリケーション用のサーバサイドレンダリングをしようとしています。エラー次

import '!style-loader!css-loader!font-awesome/css/font-awesome.min.css'; 

は、ノード・リターン（私はバベルノードを介して実行）：：私には

はあまりにも次のインポートを追加しようとするコンポーネントイムに反応

module.js:487 
    throw err; 
    ^

Error: Cannot find module '!style-loader!css-loader!font-awesome/css/font-awesome.min.css' 
    at Function.Module._resolveFilename (module.js:485:15) 
    at Function.Module._load (module.js:437:25) 
    at Module.require (module.js:513:17) 
    at require (internal/module.js:11:18) 
    at Object.<anonymous> (D:/project/client/js/components/app.js:22:1) 
    at Module._compile (module.js:569:30) 
    at loader (D:\project\node_modules\babel-register\lib\node.js:144:5) 
    at Object.require.extensions.(anonymous function) [as .js] (D:\project\node_modules\babel-register\lib\node.js:154:7) 
    at Module.load (module.js:503:32) 
    at tryModuleLoad (module.js:466:12) 
    at Function.Module._load (module.js:458:3) 
    at Module.require (module.js:513:17) 
    at require (internal/module.js:11:18) 

のWebPACKは正常に構築することができます。そのエラーを修正する方法

マイwebpack.config.js

const path = require('path'); 

const CSSModulesLoader = [ 
    'css?sourceMap&-minimize', 
    'modules', 
    'importLoaders=1', 
    'localIdentName=[name]__[local]__[hash:base64:5]' 
].join('&'); 

module.exports = { 
    entry: './client/js/index.js', 
    output: { 
    path: path.join(__dirname, 'public'), 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel-loader' 
     }, { 
     test: /\.css$/, 
     loaders: ['style', CSSModulesLoader] 
     }, { 
     test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
     loader: 'url-loader?limit=10000&minetype=application/font-woff' 
     }, { 
     test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
     loader: 'file-loader' 
     } 
    ] 
    } 
}; 

？

他の質問は、環境がブラウザではなく、サーバ側のレンダリングを使用する最良の方法であることを私の場合はウィンドウのような変数を使用します（私の場合はhttps://github.com/LouisBarranqueiro/reapopエラーを返します：ウィンドウは定義されていません）？

Answer 1

この行：CSSのインポート中に!style-loader!css-loader!の必要はありません

import 'path/to/font-awesome/css/font-awesome.min.css'; 

：

import '!style-loader!css-loader!font-awesome/css/font-awesome.min.css'; 

は、のようにする必要があります。