2014-03-06 64 views
0

我是Yeoman和Bower的新手,所以我有点困惑。我正在使用Yeoman构建客户端Web应用程序。我想将一个名为test.css的自定义css文件加载到我的index.html中。grunt bower-install and grunt serve忽略我的根bower.json中的主文件,使用Yeoman

我看到bower_components库指定哪些文件应该加载到bower.json文件的主要部分的index.html中,所以我试图对自己的应用程序做同样的事情,但不工作。我没有看到任何的index.html运行变化

咕噜凉亭安装 咕噜服务后

这里是我的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中指定它的值中的自定义文件?

回答

1

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

grunt-bower-install(这只是wiredep的包装)适用于Bower软件包,但并不意味着支持应用程序文件。可能有其他工具可以满足您的需求,但一般来说,最好只手动在其所属的应用程序文件中包含引用。