使用webpack将字体真棒添加到项目中

Adding font-awesome to project with webpack

本文关键字：添加 项目 webpack 字体 使用      更新时间：2023-09-26

我有引导模板，我正在尝试将其放入FountainJS。我包含了模板中的所有 scss 文件，没关系。现在我需要包含例如font-awesome，所以我使用了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);

我相信 CommonJs 不知道如何加载font-awesome。如果你看一下字体真棒包.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');
相关文章：