資訊專(zhuān)欄INFORMATION COLUMN
摘要：?jiǎn)栴}一在中配置開(kāi)發(fā)測(cè)試時(shí)用得庫(kù)，無(wú)法在運(yùn)行時(shí)注入。解決辦法分如下幾步，在自己的里直接將變量重寫(xiě)，指向正確的相對(duì)位置即可。
問(wèn)題一、在bower中配置開(kāi)發(fā)測(cè)試時(shí)用得庫(kù)，無(wú)法在運(yùn)行時(shí)注入。
首先是打算有一些測(cè)試時(shí)候用到的庫(kù)，放到bower.json文件的devDependencies里面，但是運(yùn)行之后怎么也找不到對(duì)應(yīng)的文件，也就是gulp無(wú)法進(jìn)行注入，而加到正式的庫(kù)里面就能找到
解決辦法參看了
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
};
問(wèn)題二、在bower中配置font-awesome，加載字體路徑不對(duì)。
解決辦法分如下幾步，
1.在自己的index.scss里直接將$fa-font-path變量重寫(xiě)，指向正確的相對(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)修改的。
還沒(méi)完，在最終構(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://systransis.cn/yun/86099.html
摘要：通過(guò)官方的生成器，他們建立了一個(gè)的工作流，這個(gè)流是由一個(gè)強(qiáng)大的固定的客戶端組建，包含工具和框架幫助開(kāi)發(fā)者快速建立牛逼的應(yīng)用。 原文還是在簡(jiǎn)書(shū)上： Yeoman-- 一個(gè)強(qiáng)大的前端構(gòu)建工具,我只是自己的搬運(yùn)工??！ 上期跟大家試了試Vue-cli這個(gè)構(gòu)建工具，這個(gè)讓我想起了很多其他的前端工具，其中一個(gè)就是Yeoman（上次就劇透了的）,所以這期跟大家先簡(jiǎn)單介紹下這個(gè)腳手架工具，然后慢慢一步...
摘要：通過(guò)官方的生成器，他們建立了一個(gè)的工作流，這個(gè)流是由一個(gè)強(qiáng)大的固定的客戶端組建，包含工具和框架幫助開(kāi)發(fā)者快速建立牛逼的應(yīng)用。 原文還是在簡(jiǎn)書(shū)上： Yeoman-- 一個(gè)強(qiáng)大的前端構(gòu)建工具,我只是自己的搬運(yùn)工！！ 上期跟大家試了試Vue-cli這個(gè)構(gòu)建工具，這個(gè)讓我想起了很多其他的前端工具，其中一個(gè)就是Yeoman（上次就劇透了的）,所以這期跟大家先簡(jiǎn)單介紹下這個(gè)腳手架工具，然后慢慢一步...
摘要：自定義前端構(gòu)建工具生成器近期公司前端一直在做效率提升，流程優(yōu)化，很榮幸這個(gè)擔(dān)子落在了我身上，除了一些培訓(xùn)，分享之外，自己弄了個(gè)基于的前端構(gòu)建環(huán)境生成器，在此分享給大家，覺(jué)得有用的請(qǐng)?jiān)囉谩＃怀鲆饬系脑?，?gòu)建環(huán)境已經(jīng)生成完畢了。 自定義前端構(gòu)建工具生成器generator-pg-cloud 近期公司前端一直在做效率提升，流程優(yōu)化，很榮幸這個(gè)擔(dān)子落在了我身上，除了一些培訓(xùn)，分享之外，自己...
摘要：一般前端項(xiàng)目安裝依賴使用。包括，，以及程序主入口文件。然后頁(yè)面顯示正常。這樣就實(shí)現(xiàn)了使用構(gòu)建一個(gè)項(xiàng)目，并簡(jiǎn)單開(kāi)發(fā)了一下，創(chuàng)建一個(gè)新的頁(yè)面并實(shí)現(xiàn)了路由跳轉(zhuǎn)。 一. 安裝 第一步：安裝npm所需模塊 首先需要安裝Node.js，然后使用npm安裝所需要的模塊 npm install -g grunt-cli bower yo generator-karma generator-angula...
閱讀 852·2021-11-18 10:07
閱讀 2364·2021-10-14 09:42
閱讀 5361·2021-09-22 15:45
閱讀 597·2021-09-03 10:29
閱讀 3477·2021-08-31 14:28
閱讀 1885·2019-08-30 15:56
閱讀 3048·2019-08-30 15:54
閱讀 1003·2019-08-29 11:32
