Grunt wiredep 没有注入 font-awesome
Grunt wiredep not injecting font-awesome
我目前正在处理一个已经使用 yeoman
开始的项目。
出于某种原因,当我 运行 grunt-wiredep
时,除了 font-awesome
.
之外,所有依赖项都正确地注入了我的 index.html
这是我的 bower.json
文件:
{
"name": "watermelon",
"version": "0.0.0",
"dependencies": {
"angular": "^1.3.0",
"angular-animate": "^1.3.0",
"angular-bootstrap": "~0.13.3",
"angular-cookies": "^1.3.0",
"angular-google-maps-native": "~2.0.0",
"angular-mocks": "~1.3.0",
"angular-resource": "^1.3.0",
"angular-route": "^1.3.0",
"angular-sanitize": "^1.3.0",
"angular-scenario": "~1.3.0",
"angular-touch": "^1.3.0",
"angular-ui-router": "~0.2.15",
"bootstrap": "^3.2.0",
"bootstrap-switch": "~3.3.2",
"eonasdan-bootstrap-datetimepicker": "~4.15.35",
"es5-shim": "^4.0.0",
"font-awesome": "~4.4.0",
"json3": "^3.3.0",
"moment": "~2.10.6",
"ng-tags-input": "3.0.0",
"requirejs": "latest",
"requirejs-domready": "latest",
"stacktrace-js": "~0.6.4",
"underscore": "~1.8.3"
},
"appPath": "."
}
还有一个link到Gruntfile.js
:http://pastebin.com/xxZwAYRW
当我 运行 grunt-wiredep
时,只有这些 css 依赖项被注入:
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" />
<link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="bower_components/ng-tags-input/ng-tags-input.min.css" />
<!-- endbower -->
你可以通过覆盖 bower 包来做到这一点
试试这个代码我已经编辑了你的 bower.json 寻找这个代码底部的变化..
希望有用
{
"name": "watermelon",
"version": "0.0.0",
"dependencies": {
"angular": "^1.3.0",
"angular-animate": "^1.3.0",
"angular-bootstrap": "~0.13.3",
"angular-cookies": "^1.3.0",
"angular-google-maps-native": "~2.0.0",
"angular-mocks": "~1.3.0",
"angular-resource": "^1.3.0",
"angular-route": "^1.3.0",
"angular-sanitize": "^1.3.0",
"angular-scenario": "~1.3.0",
"angular-touch": "^1.3.0",
"angular-ui-router": "~0.2.15",
"bootstrap": "^3.2.0",
"bootstrap-switch": "~3.3.2",
"eonasdan-bootstrap-datetimepicker": "~4.15.35",
"es5-shim": "^4.0.0",
"font-awesome": "~4.4.0",
"json3": "^3.3.0",
"moment": "~2.10.6",
"ng-tags-input": "3.0.0",
"requirejs": "latest",
"requirejs-domready": "latest",
"stacktrace-js": "~0.6.4",
"underscore": "~1.8.3"
},
"overrides":{
"font-awesome": {
"main": [
"css/font-awesome.min.css"
]
}
}
}
此问题因 latest(4.4.0) commit to FontAwesome。
修复非常简单。您需要设置一个覆盖(或者可能使用更少,但我不会介绍)。
{
"name": "myProject",
"version": "0.0.0",
"dependencies": {
"font-awesome": ">=4.4.0",
},
"overrides":{
"font-awesome": {
"main": [
"css/font-awesome.css"
]
}
}
}
OR(因为fontawesome/font-awesome两个名字都注册了)
{
"name": "myProject",
"version": "0.0.0",
"dependencies": {
"fontawesome": ">=4.4.0",
},
"overrides":{
"fontawesome": {
"main": [
"css/font-awesome.css"
]
}
}
}
Bower 组件 "font-awesome" 似乎有一些问题。您可以尝试在 bower.json 中使用 "components-font-awesome",它将解决未正确注入 css 文件的问题。你可以在这里查看它的 Github 回购:https://github.com/components/font-awesome
bower install components-font-awesome --save
应该修复它。
它在包管理器 here
下的 Github 页面上提到
我目前正在处理一个已经使用 yeoman
开始的项目。
出于某种原因,当我 运行 grunt-wiredep
时,除了 font-awesome
.
index.html
这是我的 bower.json
文件:
{
"name": "watermelon",
"version": "0.0.0",
"dependencies": {
"angular": "^1.3.0",
"angular-animate": "^1.3.0",
"angular-bootstrap": "~0.13.3",
"angular-cookies": "^1.3.0",
"angular-google-maps-native": "~2.0.0",
"angular-mocks": "~1.3.0",
"angular-resource": "^1.3.0",
"angular-route": "^1.3.0",
"angular-sanitize": "^1.3.0",
"angular-scenario": "~1.3.0",
"angular-touch": "^1.3.0",
"angular-ui-router": "~0.2.15",
"bootstrap": "^3.2.0",
"bootstrap-switch": "~3.3.2",
"eonasdan-bootstrap-datetimepicker": "~4.15.35",
"es5-shim": "^4.0.0",
"font-awesome": "~4.4.0",
"json3": "^3.3.0",
"moment": "~2.10.6",
"ng-tags-input": "3.0.0",
"requirejs": "latest",
"requirejs-domready": "latest",
"stacktrace-js": "~0.6.4",
"underscore": "~1.8.3"
},
"appPath": "."
}
还有一个link到Gruntfile.js
:http://pastebin.com/xxZwAYRW
当我 运行 grunt-wiredep
时,只有这些 css 依赖项被注入:
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" />
<link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="bower_components/ng-tags-input/ng-tags-input.min.css" />
<!-- endbower -->
你可以通过覆盖 bower 包来做到这一点 试试这个代码我已经编辑了你的 bower.json 寻找这个代码底部的变化.. 希望有用
{
"name": "watermelon",
"version": "0.0.0",
"dependencies": {
"angular": "^1.3.0",
"angular-animate": "^1.3.0",
"angular-bootstrap": "~0.13.3",
"angular-cookies": "^1.3.0",
"angular-google-maps-native": "~2.0.0",
"angular-mocks": "~1.3.0",
"angular-resource": "^1.3.0",
"angular-route": "^1.3.0",
"angular-sanitize": "^1.3.0",
"angular-scenario": "~1.3.0",
"angular-touch": "^1.3.0",
"angular-ui-router": "~0.2.15",
"bootstrap": "^3.2.0",
"bootstrap-switch": "~3.3.2",
"eonasdan-bootstrap-datetimepicker": "~4.15.35",
"es5-shim": "^4.0.0",
"font-awesome": "~4.4.0",
"json3": "^3.3.0",
"moment": "~2.10.6",
"ng-tags-input": "3.0.0",
"requirejs": "latest",
"requirejs-domready": "latest",
"stacktrace-js": "~0.6.4",
"underscore": "~1.8.3"
},
"overrides":{
"font-awesome": {
"main": [
"css/font-awesome.min.css"
]
}
}
}
此问题因 latest(4.4.0) commit to FontAwesome。
修复非常简单。您需要设置一个覆盖(或者可能使用更少,但我不会介绍)。
{
"name": "myProject",
"version": "0.0.0",
"dependencies": {
"font-awesome": ">=4.4.0",
},
"overrides":{
"font-awesome": {
"main": [
"css/font-awesome.css"
]
}
}
}
OR(因为fontawesome/font-awesome两个名字都注册了)
{
"name": "myProject",
"version": "0.0.0",
"dependencies": {
"fontawesome": ">=4.4.0",
},
"overrides":{
"fontawesome": {
"main": [
"css/font-awesome.css"
]
}
}
}
Bower 组件 "font-awesome" 似乎有一些问题。您可以尝试在 bower.json 中使用 "components-font-awesome",它将解决未正确注入 css 文件的问题。你可以在这里查看它的 Github 回购:https://github.com/components/font-awesome
bower install components-font-awesome --save
应该修复它。
它在包管理器 here