关于yo+gulp+bower一同构建应用时碰到的一些问题总结

2024年2月10日 260次阅读 来源: LiYunpeng

题目一、在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文件夹下。

连续更新…………

    原文作者：LiYunpeng
    原文地址: https://segmentfault.com/a/1190000003915177
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞