webpackでプロジェクトに素晴らしいフォントを追加する

Question

私はブートストラップテンプレートを持っていて、これをFountainJSにしようとしています。私はテンプレートからすべてのscssファイルを含めました。これは大丈夫です。今私は、例えば、フォント、素晴らしい含める必要があるので、私はnpm install font-awesome --saveを使用してindex.jsrequire('font-awesome');に追加するが、それはまだプロジェクトでは使用できません

マイsrc/index.jsファイル：

var angular = require('angular'); 

var techsModule = require('./app/techs/index'); 
require('angular-ui-router'); 
var routesConfig = require('./routes'); 

var main = require('./app/main'); 
var header = require('./app/header'); 
var footer = require('./app/footer'); 

require('./index.scss'); 
require('font-awesome'); 

angular 
    .module('app', [techsModule, 'ui.router']) 
    .config(routesConfig) 
    .component('app', main) 
    .component('fountainHeader', header) 
    .component('fountainFooter', footer); 

Answer 1

私はCommonJsがどのように認識していないと信じています負荷font-awesome。 Font Awesome package.jsonを見ると、ロードするファイルを見つけるために使用されるmainプロパティがありません。その代わりにプロパティーstyleがあります。 the official package.json explanationを見ると、どこでもstyleの物件を見つけることができません。同様の質問がありますin StackOverflow about style property

node_moduleディレクトリから特定のファイルを要求することをお勧めします。 src/フォルダが

require('../node_modules/font-awesome/css/font-awesome.css'); 
// or 
require('../node_modules/font-awesome/css/font-awesome.min.css');