Javascript grunt bower安装和grunt服务忽略my root bower.json中的主文件，使用Yeoman

我是约曼和鲍尔的新手，所以我有点困惑。我正在使用Yeoman构建一个客户端web应用程序。我想将一个名为test.css的自定义css文件加载到我的index.html中

我已经看到bower_组件库在bower.json文件的主要部分中指定了应该在index.html上加载哪些文件，所以我尝试对我自己的应用程序执行同样的操作，但没有成功。运行后，我看不到index.html上有任何更改

grunt-bower安装 咕噜声发球

这是我的bower.json文件：

{
  "name": "myApp",
  "version": "0.0.1",
  "main": [
    "app/styles/test.css"
  ],
  "dependencies": {
    "angular": "1.2.6",
    "json3": "~3.2.6",
    "es5-shim": "~2.1.0",
    "jquery": "~1.10.2",
    "sass-bootstrap": "~3.0.2",
    "angular-resource": "1.2.6",
    "angular-cookies": "1.2.6",
    "angular-sanitize": "1.2.6",
    "angular-route": "1.2.6",
    "ng-flow": "~2",
    "angular-bootstrap": "~0.10.0"
  },
  "devDependencies": {
    "angular-mocks": "1.2.6",
    "angular-scenario": "1.2.6"
  }
}

我还尝试了调用test.css的不同方法：

"styles/test.css",
"/styles/test.css",
"app/styles/test.css",
"./app/styles/test.css",
"./test.css"

我的项目结构如下

.
├── Gruntfile.js
├── README.md
├── app
│   ├── 404.html
│   ├── bower_components
│   ├── config.js
│   ├── favicon.ico
│   ├── images
│   ├── index.html
│   ├── robots.txt
│   ├── scripts
│   ├── styles
│   │   ├── main.scss
│   │   └── test.css
│   └── views
├── bower.json
├── dist
├── karma-e2e.conf.js
├── karma.conf.js
├── node_modules
├── package.json
└── test

---

我知道我可以手动添加这个文件，但我认为在bower.json文件中指定所有内容更为简洁。有没有办法在bower.json的主值上指定自定义文件？

您正在编辑的

bower.json

文件代表您的应用程序。您的应用程序本身不是Bower包。换句话说，您可能不想将您的应用程序发布到Bower软件包存储库，以供其他人在其应用程序中使用

grunt bower安装

（它只是一个包装器）对于bower软件包很好，但并不意味着支持应用程序文件。可能还有其他工具可以满足您的需要，但一般来说，最好只是手动包含对应用程序文件所在位置的引用