javascript - Grunt wiredep not injecting font-awesome -
i'm working on project had been started using yeoman
.
for reason, when run grunt-wiredep
dependencies correclty injected in index.html
except font-awesome
.
here's bower.json
file:
{ "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": "." }
and link gruntfile.js
: http://pastebin.com/xxzwayrw
when run grunt-wiredep
these css dependencies injected:
<!-- 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 -->
this problem broke latest(4.4.0) commit fontawesome.
the fix pretty straight forward. need set override (or maybe use less, not going cover that).
{ "name": "myproject", "version": "0.0.0", "dependencies": { "font-awesome": ">=4.4.0", }, "overrides":{ "font-awesome": { "main": [ "css/font-awesome.css" ] } } }
or (because fontawesome/font-awesome has both names registered)
{ "name": "myproject", "version": "0.0.0", "dependencies": { "fontawesome": ">=4.4.0", }, "overrides":{ "fontawesome": { "main": [ "css/font-awesome.css" ] } } }
Comments
Post a Comment