添加字体真棒项目与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

回答

相关问题