国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

關(guān)于yo+gulp+bower一起構(gòu)建應(yīng)用時(shí)遇到的一些問題總結(jié)

cnsworder / 2726人閱讀

摘要：?jiǎn)栴}一在中配置開發(fā)測(cè)試時(shí)用得庫，無法在運(yùn)行時(shí)注入。解決辦法分如下幾步，在自己的里直接將變量重寫，指向正確的相對(duì)位置即可。

問題一、在bower中配置開發(fā)測(cè)試時(shí)用得庫，無法在運(yùn)行時(shí)注入。
首先是打算有一些測(cè)試時(shí)候用到的庫，放到bower.json文件的devDependencies里面，但是運(yùn)行之后怎么也找不到對(duì)應(yīng)的文件，也就是gulp無法進(jìn)行注入，而加到正式的庫里面就能找到
解決辦法參看了
http://error.news/question/2350800/wiredep-for-bower-not-injecting-files/
就是在gulp文件夾下的conf.js中，添加了devDependencies: true這個(gè)屬性，代碼如下

exports.wiredep = {
  exclude: [//bootstrap.js$/, //bootstrap-sass/.*.js/, //bootstrap.css/],
  directory: "bower_components",
  devDependencies: true
};

問題二、在bower中配置font-awesome，加載字體路徑不對(duì)。
解決辦法分如下幾步，

1.在自己的index.scss里直接將$fa-font-path變量重寫，指向正確的相對(duì)位置即可。

2.在bower install font-awesome --save之后，到font-awesome文件夾下，可以看到less、sass文件夾，里面分別有font-awesome的sass或less文件，但是都是分別@import同目錄下的其他文件，其中_variables命名的文件里面有對(duì)應(yīng)的配置，只需要修改$fa-font-path這個(gè)變量，但是如果我們git提交的話是會(huì)把bower_component文件夾忽略掉的話，自己在本地修改了，團(tuán)隊(duì)的其他人是應(yīng)用不了對(duì)應(yīng)修改的。

還沒完，在最終構(gòu)建發(fā)布的時(shí)候，gulp會(huì)將字體都放到統(tǒng)一的文件夾，所以我們還需要在構(gòu)建的js中，將本地的路徑替換為最終構(gòu)建后的文件夾路徑，如下
修改gulp文件夾下得build.js文件，在task html里面，添加一行如下代碼

.pipe($.replace("../../bower_components/font-awesome/fonts", "../fonts"))

意思是把這個(gè)路徑下的文件，在編譯的時(shí)候，編譯到fonts文件夾下。

陸續(xù)更新…………

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/86099.html

相關(guān)文章

  • Yeoman-- 一個(gè)強(qiáng)大的前端構(gòu)建工具

    摘要：通過官方的生成器，他們建立了一個(gè)的工作流，這個(gè)流是由一個(gè)強(qiáng)大的固定的客戶端組建，包含工具和框架幫助開發(fā)者快速建立牛逼的應(yīng)用。 原文還是在簡(jiǎn)書上： Yeoman-- 一個(gè)強(qiáng)大的前端構(gòu)建工具,我只是自己的搬運(yùn)工！！ 上期跟大家試了試Vue-cli這個(gè)構(gòu)建工具，這個(gè)讓我想起了很多其他的前端工具，其中一個(gè)就是Yeoman（上次就劇透了的）,所以這期跟大家先簡(jiǎn)單介紹下這個(gè)腳手架工具，然后慢慢一步...

    寵來也 評(píng)論0 收藏0

  • Yeoman-- 一個(gè)強(qiáng)大的前端構(gòu)建工具

    摘要：通過官方的生成器，他們建立了一個(gè)的工作流，這個(gè)流是由一個(gè)強(qiáng)大的固定的客戶端組建，包含工具和框架幫助開發(fā)者快速建立牛逼的應(yīng)用。 原文還是在簡(jiǎn)書上： Yeoman-- 一個(gè)強(qiáng)大的前端構(gòu)建工具,我只是自己的搬運(yùn)工！！ 上期跟大家試了試Vue-cli這個(gè)構(gòu)建工具，這個(gè)讓我想起了很多其他的前端工具，其中一個(gè)就是Yeoman（上次就劇透了的）,所以這期跟大家先簡(jiǎn)單介紹下這個(gè)腳手架工具，然后慢慢一步...

    lixiang 評(píng)論0 收藏0

  • 自定義前端構(gòu)建工具生成器 generator-pg-cloud

    摘要：自定義前端構(gòu)建工具生成器近期公司前端一直在做效率提升，流程優(yōu)化，很榮幸這個(gè)擔(dān)子落在了我身上，除了一些培訓(xùn)，分享之外，自己弄了個(gè)基于的前端構(gòu)建環(huán)境生成器，在此分享給大家，覺得有用的請(qǐng)?jiān)囉谩＃怀鲆饬系脑挘瑯?gòu)建環(huán)境已經(jīng)生成完畢了。 自定義前端構(gòu)建工具生成器generator-pg-cloud 近期公司前端一直在做效率提升，流程優(yōu)化，很榮幸這個(gè)擔(dān)子落在了我身上，除了一些培訓(xùn)，分享之外，自己...

    snowell 評(píng)論0 收藏0

  • [AngularJS]使用Yeoman構(gòu)建開發(fā)AngularJS項(xiàng)目

    摘要：一般前端項(xiàng)目安裝依賴使用。包括，，以及程序主入口文件。然后頁面顯示正常。這樣就實(shí)現(xiàn)了使用構(gòu)建一個(gè)項(xiàng)目，并簡(jiǎn)單開發(fā)了一下，創(chuàng)建一個(gè)新的頁面并實(shí)現(xiàn)了路由跳轉(zhuǎn)。 一. 安裝 第一步：安裝npm所需模塊 首先需要安裝Node.js，然后使用npm安裝所需要的模塊 npm install -g grunt-cli bower yo generator-karma generator-angula...

    amuqiao 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<