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');