Grunt：dist - 不要添加供应商.css引导程序样式，而是其他样式

Question

我有一个AngularJS项目，使用了yeoman, grunt和bower。它工作得很好。我正在使用一个WrapBootstrap主题与应用程序。所以我不需要AngularJS默认的JQuery和Bootstrap。

在我的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目录添加到 build:css部分。我不想加这个。因此，我从bower中删除了JQuery和bootstrap依赖。json 文件。这是我的小屋。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"
  }
}

然后我尝试做grunt serve:dist。我删除了build:css块，并且工作得很好。

但是当我尝试添加所有这些资产css样式在build:css块，并做一个grunt dist，所有的样式都消失了，块变成空的。就这么多，

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

当在浏览器中打开时，没有应用样式，因为它是空的。

如何避免这种情况?我试着在那个块里添加一些其他的css。但它是用空块替换的，给了我这个错误。如何从index.html中删除vendor.css。我试着

Answer 1

build:css块实际上是Grunt要遵循的指令。从你的index.html中删除这四行:

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

重新运行grunt。你不应该在你的index.html中有vendor.css的引用