Question

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

我已经看到bower_components libs指定应该在bower.json文件的主要部分中的index.html上加载哪些文件，所以我正在尝试对我自己的应用程序执行相同但不起作用。运行

后，我在index.html上看不到任何更改

grunt bower-install 咕噜咕噜的

这是我的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包，但不支持应用程序文件。可能还有其他工具可以满足您的需求，但一般情况下，最好只手动包含对您所属应用程序文件的引用。

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

1 个答案: