grye bower-install和grunt使用Yeoman忽略了我的根bower.json中的主文件

Question

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

我已经看到bower_components库指定了应该在bower.json文件的主要部分中的index.html上加载哪些文件，因此我试图对自己的应用程序执行相同的操作，但是无法正常工作。 运行后我没有看到index.html的任何更改

咕bow声凉亭安装咕unt声发球

这是我的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的主要值上指定自定义文件？

Answer 1

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

grunt-bower-install （仅是wiredep的包装器）对于Bower软件包非常有效，但并不意味着支持应用程序文件。 可能还有其他工具可以满足您的需求，但是通常，最好只是手动包含对它们所属的应用程序文件的引用。