1

我有一个使用 yeoman、grunt 和 bower 的 AngularJS 项目。它工作正常。我在应用程序中使用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" />

我不包括 bower_components 目录中的任何 CSS。

但是当我这样做时grunt serve:dist，它会将bootstrap.css从bower_components/dist目录添加到 buld :css部分。我不想添加那个。所以我从bower.json文件中删除了 JQuery 和引导程序依赖项。这是我现在的 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"
  }
}

然后我尝试做 grunt serve:dist。我删除了 build:css 块并且工作正常。

但是当我尝试在 build:css 块中添加所有这些资产 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。我试过了

4

1 回答 1

1

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

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

并重新运行grunt。您的 index.html 中不应再有对的引用vendor.css。

于 2014-10-20T22:04:05.603 回答