2

我正在学习 Meanjs。我需要为我的项目添加 Fontawesome。所以我在 bower.json 中添加了一个条目，如下所示：

"dependencies": {
    "bootstrap": "~3",
    "angular": "~1.2",
    "angular-resource": "~1.2",
    "angular-mocks": "~1.2",
    "angular-cookies": "~1.2",
    "angular-animate": "~1.2",
    "angular-touch": "~1.2",
    "angular-sanitize": "~1.2",
    "angular-bootstrap": "~0.11.0",
    "angular-ui-utils": "~0.1.1",
    "angular-ui-router": "~0.2.10",
    "fontawesome": "~4.1.0"
}

并运行“凉亭安装”。包下载成功，但 fontawesome 没有在我的页面中自动链接。我应该手动链接这些库吗？

请帮忙。

4

4 回答 4

4

您缺少的步骤是在 config/env/ * .js 文件中添加条目。有一个库部分，您将在其中看到其他库。config/env 文件决定了添加到 head 标签的链接。

我不知道添加这些条目的自动方法。

于 2014-09-01T15:56:02.963 回答
2

为了：
"meanjs-version": "0.4.2"

将库的路径添加到：
/config/assets/*.js

例子：
/config/assets/default.js 

module.exports = {
  client: {
    lib: {
      css: [
        'public/lib/bootstrap/dist/css/bootstrap.css',
        'public/lib/bootstrap/dist/css/bootstrap-theme.css',
        'public/lib/angular-typewrite/dist/angular-typewrite.css'
      ],
      js: [
        'public/lib/angular/angular.js',
        'public/lib/angular-resource/angular-resource.js',
        'public/lib/angular-typewrite/dist/angular-typewrite.js'
      ]
    }
   }
}
}
于 2016-07-12T17:14:05.993 回答
1

为了自动更新依赖关系，我过去使用过wiredep。

npm install --save-dev grunt-wiredep

在您的 Gruntfile.js 中，您将有一个如下所示的块：

grunt.initConfig({

 //bunch of tasks in here
 clean: {...},
 jshint:{...},
 //add the following lines
  wiredep: {
    src: ['<%= yeoman.app %>/index.html', 'you can add', 'other search paths', 'here'],
    block: /(([ \t]*)\/\/\s*bower:*(\S*))(\n|\r|.)*?(\/\/\s*endbower)/gi,  
    replace: {
      js: '{{filePath}}',
     }
    }
  });

将其添加为任务后，将该任务添加到您的任务列表中

grunt.registerTask('testOrWhateverYoursIsCalled', [
  //your other tasks here
  'wiredep'
 ]);

然后在你的 .config 文件或任何你有你的 js 文件的大列表的地方添加这个：

 //bower:js
 //this will get swapped out for your list of bower components
 //endbower

路径可能很奇怪，但我认为您可以使用 cwd 更改路径。不知道怎么做，只是玩了用wiredep替换东西，它起作用了！！

刚刚回答了我在堆栈上的第一个问题，终于！！！

于 2015-06-02T04:03:11.193 回答
-1

可能你应该添加

<link rel="stylesheet" href="bower_components/fontawesome/css/font-awesome.min.css">

到你的 index.html

于 2014-08-26T11:20:32.347 回答