Question

我正在学习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"
}

并运行'bower install'。软件包已成功下载，但fontawesome未在我的页面中自动链接。我是否必须手动链接这些库？

请帮忙。

Answer 1

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

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

Answer 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'
      ]
    }
   }
}
}

Answer 3

要自动更新依赖关系我过去曾使用过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来改变路径。不确定如何做到这一点，只是玩线程来替换东西，它工作了!!

刚刚回答我关于堆栈的第一个问题，最后!!!！

Answer 4

可能你应该添加

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

到你的index.html

在Mean Js中，在bower.json中添加新库不会自动添加到配置文件中

4 个答案: