Как сделать yo угловой загрузки загрузочной темы css

Question

yo angular установить файлы начальной загрузки все отлично. Файл index.html выглядит, как это в данный момент:

<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> 
<!-- build:css(.) styles/vendor.css --> 
<!-- bower:css --> 
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /> 
<!-- endbower --> 
<!-- endbuild --> 
<!-- build:css(.tmp) styles/main.css --> 
<link rel="stylesheet" href="styles/main.css"> 
<!-- endbuild --> 

Это не включает в себя bootstrap.theme.css файл.

Каков рекомендуемый способ добавления этого? Могу ли я вручную туда и добавить его?

Answer 1

правильный способ сделать это, это переопределить вы bower.json файл для загрузки начальной загрузки зависимостей, а затем запустить grunt wiredep

The bower.json будет выглядеть следующим образом:

{ 
    "name": "frontend", 
    "version": "0.0.0", 
    "dependencies": { 
    "angular": "^1.3.0", 
    "json3": "^3.3.0", 
    "es5-shim": "^4.0.0", 
    "bootstrap": "^3.2.0", 
    "angular-cookies": "^1.3.0", 
    "angular-route": "^1.3.0", 
    "angular-local-storage": "~0.1.5", 
    "raty": "~2.7.0", 
    "kineticjs": "~5.1.0" 
    }, 
    "devDependencies": { 
    "angular-mocks": "~1.3.0", 
    "angular-scenario": "~1.3.0" 
    }, 
    "appPath": "app", 
    "overrides": { 
    "bootstrap": { 
     "main": [ 
     "less/bootstrap.less", 
     "dist/css/bootstrap.css", 
     "dist/css/bootstrap-theme.css", 
     "dist/js/bootstrap.js", 
     "dist/fonts/glyphicons-halflings-regular.eot", 
     "dist/fonts/glyphicons-halflings-regular.svg", 
     "dist/fonts/glyphicons-halflings-regular.ttf", 
     "dist/fonts/glyphicons-halflings-regular.woff" 
     ]   
    } 
    } 
} 

Источник: https://github.com/yeoman/generator-angular/issues/965#issuecomment-68548259

Answer 2

Добавьте его вручную под другим номером .css, если он доступен в вашей системе в местном масштабе (например, в bower_components/).

Если файл не доступен локально, я бы добавить его прямо над <!-- Place favicon.ico ... --> иначе это может нарушить ваш grunt build и/или grunt serve из bower пытается Минимизировать файл.

То же самое с импортом Google Font, поместите их над <!-- Place favicon.ico ... --> иначе bower будет пытаться преуменьшать его (под htmlmin вариантов в Gruntfile.js).

Here вы можете прочитать дополнительную информацию о предмете.

Answer 3

Выполните следующие

bower install bootstrap-css --save