Grunt:dist - не добавлять стиль начальной загрузки vendor.css, но другие стили

Question

У меня есть один проект AngularJS, использующий Yeoman, Grunt и Bower. Работает нормально. Я использую одну из тем WrapBootstrap с приложением. Так что мне не нужны стандартные JQuery и Bootstrap от AngularJS.

На моей странице index.html у меня есть следующее, чтобы включить стили CSS.

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css styles/vendor.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<link href="styles/pagestyle.css" media="all" rel="stylesheet"
    type="text/css" />
    <!-- / bootstrap [required] -->
<link href="assets/stylesheets/bootstrap/bootstrap.css" media="all"
    rel="stylesheet" type="text/css" />
<!-- / theme file [required] -->
<link href="assets/stylesheets/jquery/jquery_ui.css" media="all"
    rel="stylesheet" type="text/css" />
<link href="assets/stylesheets/light-theme.css" media="all"
    id="color-settings-body-color" rel="stylesheet" type="text/css" />
<!-- / coloring file [optional] (if you are going to use custom contrast color) -->
<link href="assets/stylesheets/theme-colors.css" media="all"
    rel="stylesheet" type="text/css" />

Я не включаю CSS из каталога bower_components.

Но, когда я делаю grunt serve:dist, это добавляет bootstrap.css из каталога bower_components/dist в часть buld:css. Я не хочу добавлять это. Поэтому я удалил JQuery и загрузочную зависимость из файла bower.json. Это мой файл bower.json сейчас

{
  "name": "app-web-client",
  "version": "0.0.0",
  "dependencies": {
    "angular": "1.2.15",
    "json3": "~3.2.6",
    "es5-shim": "~2.1.0",
    "angular-resource": "1.2.15",
    "angular-cookies": "1.2.15",
    "angular-sanitize": "1.2.15",
    "angular-bootstrap": "0.11.0",
    "angular-route": "1.2.15"
  },
  "devDependencies": {
    "angular-mocks": "1.2.15",
    "angular-scenario": "1.2.15"
  }
}

Затем я попытался сделать грубую подачу:dist. и я удалил build:css блок и работал нормально.

Но когда я попытался добавить все эти активы css-стили в блок build:css и выполнить грубое dist, все стили исчезли, и блок стал пустым. Это будет только так много,

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css styles/vendor.css -->
    <!-- bower:css -->
    <!-- endbower -->
    <!-- endbuild -->

И при открытии в браузере стили не применяются, потому что он пуст.

Как этого избежать? Я попытался добавить некоторые другие CSS внутри этого блока. Но он заменяет пустой блок и выдает мне эту ошибку. Как удалить vendor.css из index.html. Я старался

Answer 1

build:css Блок на самом деле является директивой для Grunt. Удалите эти четыре строки из вашего index.html:

<!-- build:css styles/vendor.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->

И перезапустить grunt, Вы больше не должны иметь ссылку на vendor.css в вашем index.html.