欧美成人午夜免费全部完,亚洲午夜福利精品久久,а√最新版在线天堂,另类亚洲综合区图片小说区,亚洲欧美日韩精品色xxx

扣丁學(xué)堂HTML5培訓(xùn)教你精通web前端build工具

2019-09-10 11:44:46 5109瀏覽

我們在web前端開發(fā)工作中會用到許多開發(fā)工具，熟練使用web前端開發(fā)工具對于開發(fā)者的工作效率有很大的幫助。web前端build工具是web前端工程師使用率很高的開發(fā)工具，本篇文章扣丁學(xué)堂HTML5培訓(xùn)小編就來教你精通web前端build工具。

build工具的兩大核心功能，就是“安裝vs做事”

從本質(zhì)上說，開發(fā)工具做的事情就兩個：

幫你安裝東西

幫你做事

當(dāng)你接觸到一個新的開發(fā)工具的時候，你首先需要搞清楚一個東西：“這個工具的目的是幫我安裝東西，還是幫我做事?”

安裝類的工具，例如npm、Bower和Yeoman幾乎什么東西都能裝，它們可以用來安裝前端庫，例如Angular.js或是React.js。它們還可以為你的開發(fā)環(huán)境安裝服務(wù)器。它們可以安裝測試庫。它們甚至可以幫你安裝其他的前端開發(fā)工具。簡而言之，任何你能想到的與代碼有關(guān)的東西，它們都能安裝。

而幫你做事類的工具，例如Grunt、Webpack、Require.js、Brunchu和Gulp則更加復(fù)雜一點。這類工具的目標，是在web開發(fā)中幫你完成自動化。有的時候，這類工具所做的事情，被稱為“任務(wù)(task)”。為了完成這些任務(wù)，這類工具經(jīng)常需要自己的包和插件生態(tài)。每一個工具都會使用不同的方式來完成任務(wù)。這些工具所做的事情也不盡相同。一些工具，擅長處理那些你所指定的任務(wù)，例如Grunt和Gulp等工具。還有一些工具，只只專注于一件事情，例如處理JavaScript的依賴，例如Browserify和Require.js等工具。

有的時候，你在一個項目之中可能需要使用多種工具。例如在一個項目中使用了不同的工具來將下列任務(wù)進行自動化處理：

1、在一個文件中替換文本字符串

2、創(chuàng)建文件夾，并且將文件轉(zhuǎn)移到這些文件夾中

3、用一條單一命令運行單元測試

4、在我保存文件的時候刷新瀏覽器

5、所有JavaScript文件整合為一個文件，將所有CSS文件整合為一個文件

6、對所有JavaScript和CSS進行簡化處理

7、在html頁面中修改

以上就是扣丁學(xué)堂HTML5在線學(xué)習(xí)小編給大家分享的教你精通web前端build工具，希望對小伙伴們有所幫助，想要了解更多內(nèi)容的小伙伴可以登錄扣丁學(xué)堂官網(wǎng)咨詢。

想要學(xué)好HTML5開發(fā)小編給大家推薦口碑良好的扣丁學(xué)堂，扣丁學(xué)堂有專業(yè)老師制定的HTML5學(xué)習(xí)路線圖輔助學(xué)員學(xué)習(xí)，此外還有與時俱進的HTML5課程體系和HTML5視頻教程供大家學(xué)習(xí)，想要學(xué)好HTML5開發(fā)技術(shù)的小伙伴快快行動吧?？鄱W(xué)堂H5技術(shù)交流群：673883249。

     【關(guān)注微信公眾號獲取更多學(xué)習(xí)資料】        【掃碼進入HTML5前端開發(fā)VIP免費公開課】  

查看更多關(guān)于“HTML5開發(fā)技術(shù)資訊”的相關(guān)文章>>