发布于 2015-12-16 00:57:24 | 166 次阅读 | 评论: 1 | 来源: PHPERZ
Bower Web开发组件管理器
Bower 是一个针对Web开发的包管理器。该工具主要用来帮助用户轻松安装CSS、JavaScript、图像等相关包，并管理这些包之间的依赖。
问题一、在bower中配置开发测试时用得库，无法在运行时注入。
首先是打算有一些测试时候用到的库，放到bower.json文件的devDependencies里面，但是运行之后怎么也找不到对应的文件，也就是gulp无法进行注入，而加到正式的库里面就能找到
解决办法参看了
http://error.news/question/2350800/wiredep-for-bower-not-injecting-files/
就是在gulp文件夹下的conf.js中，添加了devDependencies: true这个属性，代码如下
exports.wiredep = {
exclude: [/\/bootstrap\.js$/, /\/bootstrap-sass\/.*\.js/, /\/bootstrap\.css/],
directory: 'bower_components',
devDependencies: true
};
问题二、在bower中配置font-awesome，加载字体路径不对。
解决办法分如下几步，
1.在自己的index.scss里直接将$fa-font-path变量重写，指向正确的相对位置即可。
2.在bower install font-awesome --save之后，到font-awesome文件夹下，可以看到less、sass文件夹，里面分别有font-awesome的sass或less文件，但是都是分别@import同目录下的其他文件，其中_variables命名的文件里面有对应的配置，只需要修改$fa-font-path这个变量，但是如果我们git提交的话是会把bower_component文件夹忽略掉的话，自己在本地修改了，团队的其他人是应用不了对应修改的。
还没完，在最终构建发布的时候，gulp会将字体都放到统一的文件夹，所以我们还需要在构建的js中，将本地的路径替换为最终构建后的文件夹路径，如下
修改gulp文件夹下得build.js文件，在task html里面，添加一行如下代码
.pipe($.replace('../../bower_components/font-awesome/fonts', '../fonts'))
意思是把这个路径下的文件，在编译的时候，编译到fonts文件夹下。