添加字體真棒項目與webpack

我有bootstrap模板，我試圖把這個到FountainJS。我包含了模板中的所有scss文件，沒關係。現在我需要包括如字體真棒，所以我用npm install font-awesome --save，並加入到index.jsrequire('font-awesome');，但它仍然無法在項目中可用添加字體真棒項目與webpack

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

來源

2016-07-15 Jakub Pomykała

你看看https://gist.github.com/Turbo87/e8e941e68308d3b40ef6或https://github.com/gowravshekar/font- awesome-webpack？下面是使用webpack獲取字體的另一個例子http://www.mattzabriskie.com/blog/font-awesome-webpack –

我相信CommonJS的不知道該怎麼加載font-awesome。如果您查看Font Awesome package.json，它不具有用於查找要加載的文件的main屬性。相反，有一個屬性style。如果你看看the official package.json explanation，你將無法在任何地方找到style屬性。你可以找到類似的問題in StackOverflow about style property

我相信你最好的選擇是要求node_module目錄中的特定文件。以一個假設，即src/文件夾位於根app文件夾

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

來源

2016-07-15 13:46:23 anvk

添加字體真棒項目與webpack

回答

相關問題