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

cnsworder 发布于2019-08-21 10:44 / 2622人阅读

摘要：问题一在中配置开发测试时用得库，无法在运行时注入。解决办法分如下几步，在自己的里直接将变量重写，指向正确的相对位置即可。

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

陆续更新…………

私有云超融合服务器 vps日常维护中的一些要点总结布局遇到的问题学习遗传算法遇到的问题看apue遇到的有关问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86099.html

Yeoman-- 一个强大的前端构建工具

摘要：通过官方的生成器，他们建立了一个的工作流，这个流是由一个强大的固定的客户端组建，包含工具和框架帮助开发者快速建立牛逼的应用。原文还是在简书上： Yeoman-- 一个强大的前端构建工具,我只是自己的搬运工！！上期跟大家试了试Vue-cli这个构建工具，这个让我想起了很多其他的前端工具，其中一个就是Yeoman（上次就剧透了的）,所以这期跟大家先简单介绍下这个脚手架工具，然后慢慢一步...

宠来也 2019-08-19 17:26 评论0 收藏0
Yeoman-- 一个强大的前端构建工具

摘要：通过官方的生成器，他们建立了一个的工作流，这个流是由一个强大的固定的客户端组建，包含工具和框架帮助开发者快速建立牛逼的应用。原文还是在简书上： Yeoman-- 一个强大的前端构建工具,我只是自己的搬运工！！上期跟大家试了试Vue-cli这个构建工具，这个让我想起了很多其他的前端工具，其中一个就是Yeoman（上次就剧透了的）,所以这期跟大家先简单介绍下这个脚手架工具，然后慢慢一步...

lixiang 2019-08-01 15:01 评论0 收藏0
自定义前端构建工具生成器 generator-pg-cloud

摘要：自定义前端构建工具生成器近期公司前端一直在做效率提升，流程优化，很荣幸这个担子落在了我身上，除了一些培训，分享之外，自己弄了个基于的前端构建环境生成器，在此分享给大家，觉得有用的请试用。，不出意料的话，构建环境已经生成完毕了。自定义前端构建工具生成器generator-pg-cloud 近期公司前端一直在做效率提升，流程优化，很荣幸这个担子落在了我身上，除了一些培训，分享之外，自己...

snowell 2019-08-21 10:34 评论0 收藏0
[AngularJS]使用Yeoman构建开发AngularJS项目

摘要：一般前端项目安装依赖使用。包括，，以及程序主入口文件。然后页面显示正常。这样就实现了使用构建一个项目，并简单开发了一下，创建一个新的页面并实现了路由跳转。一. 安装第一步：安装npm所需模块首先需要安装Node.js，然后使用npm安装所需要的模块 npm install -g grunt-cli bower yo generator-karma generator-angula...

amuqiao 2019-08-22 16:18 评论0 收藏0