Webpack：コンポーネントの追加方法

Question

component（モジュール）をconfigurationに追加する必要があります。どのようにそれを正しく行うには？

私はこのエラーを取得する：私はCSSのスタイル・ローダーを追加したので

[1] ERROR in ./node_modules/font-awesome/css/font-awesome.css 
[1] Module parse failed: C:\Users\steko\Desktop\webpack-electron-react-sass-conf\node_modules\font-awesome\css\font-awesome.css Unexpected character '@' (7:0) 
[1] You may need an appropriate loader to handle this file type. 
[1] | /* FONT PATH 
[1] | * -------------------------- */ 
[1] | @font-face { 
[1] | font-family: 'FontAwesome'; 
[1] | src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); 
[1] @ ./node_modules/react-fa/lib/index.js 13:0-44 
[1] @ ./src/AwesomeComponent.jsx 
[1] @ ./src/index.jsx 

これは、奇妙です。それを修正するには？

git

Answer 1

にフォントファイルのURLローダーを使用してみてください。

は、ご使用の構成に

{ 
    test: /\.css$/, 
    loader: "style-loader!css-loader" 
    }, 

を次のルールを追加してみてください

Answer 2

はあなたのWebPACK confの中にCSSファイルを処理するルールを追加する必要が@VINET webpack.config

{ 
    test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, 
    loader: 'url-loader?mimetype=application/font-woff', 
    }, 
    { 
    test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, 
    loader: 'url-loader?mimetype=application/font-woff', 
    }, 
    { 
    test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 
    loader: 'url-loader?mimetype=application/octet-stream', 
    }, 
    { 
    test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 
    loader: 'url-loader', 
    },