摘要:问题一在中配置开发测试时用得库,无法在运行时注入。解决办法分如下几步,在自己的里直接将变量重写,指向正确的相对位置即可。
问题一、在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文件夹下。
陆续更新…………
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/86099.html
摘要:通过官方的生成器,他们建立了一个的工作流,这个流是由一个强大的固定的客户端组建,包含工具和框架帮助开发者快速建立牛逼的应用。 原文还是在简书上: Yeoman-- 一个强大的前端构建工具,我只是自己的搬运工!! 上期跟大家试了试Vue-cli这个构建工具,这个让我想起了很多其他的前端工具,其中一个就是Yeoman(上次就剧透了的),所以这期跟大家先简单介绍下这个脚手架工具,然后慢慢一步...
摘要:通过官方的生成器,他们建立了一个的工作流,这个流是由一个强大的固定的客户端组建,包含工具和框架帮助开发者快速建立牛逼的应用。 原文还是在简书上: Yeoman-- 一个强大的前端构建工具,我只是自己的搬运工!! 上期跟大家试了试Vue-cli这个构建工具,这个让我想起了很多其他的前端工具,其中一个就是Yeoman(上次就剧透了的),所以这期跟大家先简单介绍下这个脚手架工具,然后慢慢一步...
摘要:自定义前端构建工具生成器近期公司前端一直在做效率提升,流程优化,很荣幸这个担子落在了我身上,除了一些培训,分享之外,自己弄了个基于的前端构建环境生成器,在此分享给大家,觉得有用的请试用。,不出意料的话,构建环境已经生成完毕了。 自定义前端构建工具生成器generator-pg-cloud 近期公司前端一直在做效率提升,流程优化,很荣幸这个担子落在了我身上,除了一些培训,分享之外,自己...
摘要:一般前端项目安装依赖使用。包括,,以及程序主入口文件。然后页面显示正常。这样就实现了使用构建一个项目,并简单开发了一下,创建一个新的页面并实现了路由跳转。 一. 安装 第一步:安装npm所需模块 首先需要安装Node.js,然后使用npm安装所需要的模块 npm install -g grunt-cli bower yo generator-karma generator-angula...
阅读 815·2021-11-18 10:07
阅读 2308·2021-10-14 09:42
阅读 5224·2021-09-22 15:45
阅读 571·2021-09-03 10:29
阅读 3447·2021-08-31 14:28
阅读 1857·2019-08-30 15:56
阅读 3026·2019-08-30 15:54
阅读 980·2019-08-29 11:32