使用Webpack在项目中添加超棒的字体

雅库布·波米卡瓦(JakubPomykała)

我已经启动了模板,并且试图将其放到FountainJS中我包括了模板中的所有scss文件,没关系。现在我需要包含例如真棒字体,因此我使用npm install font-awesome --save并添加了字体,index.js require('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);
Anvk

我相信CommonJs不知道如何加载font-awesome如果您查看Font Awesome package.json,它没有main用于查找要加载文件的属性。而是有一个属性style如果查看官方的package.json解释,您将无法在style任何地方找到属性。您可以在StackOverflow中找到有关样式属性的类似问题

我相信您最好的选择是从node_module目录中请求一个特定的文件假设该src/文件夹位于您的根应用程序文件夹中

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章