鍍金池/ 問答/HTML5  HTML/ 高級(jí)前端工程師在開發(fā)傳統(tǒng)頁(yè)面的時(shí)候都有什么流程和工具？

高級(jí)前端工程師在開發(fā)傳統(tǒng)頁(yè)面的時(shí)候都有什么流程和工具？

在開發(fā)Vue這種SPA的時(shí)候通常都有固定的流程，比如說腳手架生成npm的依賴，然后安裝依賴，進(jìn)行Webpack個(gè)性化配置，jslint配置，然后就可以上手寫components等等。

那開發(fā)傳統(tǒng)頁(yè)面（非SPA）的時(shí)候都有哪些流程呢？

我們?cè)趯W(xué)校和網(wǎng)上視頻學(xué)到的都是手工引入css，js，然后直接在編輯器里面寫html，然后瀏覽器打開運(yùn)行測(cè)試，這種流程是不是過時(shí)了？（因?yàn)橛械臅r(shí)候網(wǎng)頁(yè)的header和footer部分都是公用的，在沒有后端模版引擎的情況下，我們都得手工復(fù)制粘貼這個(gè)部分，如果要修改header或者footer的html，也要一個(gè)一個(gè)文件修改。我想肯定還有更加科學(xué)合理的開發(fā)流程和更方便工具，比如說百度的FIS3等等，不過這個(gè)我還在看文檔學(xué)習(xí)中），求各位高級(jí)前端工程師分享分享你們的開發(fā)流程和用到的工具，或者有相關(guān)的實(shí)戰(zhàn)教程也可以推薦給我們看看。謝謝?。?！

回答
編輯回答
糖豆豆

在開發(fā)傳統(tǒng)項(xiàng)目的時(shí)候 使用FIS3是個(gè)不錯(cuò)的選擇，api文檔相對(duì)比較友好，并且內(nèi)置的很多功能可以直接使用，
在對(duì)fis有一定了解之后 可以推薦去學(xué)習(xí)gulp這樣基于任務(wù)流思想的工具 ，這個(gè)工具就需要你自己去配置很多東西來達(dá)到開發(fā)目的，可以加深工具的每一步是干了什么
最后如果你以后要去開發(fā)spa這樣的webapp 可以再去接觸webpack也不晚

2017年2月1日 01:13
編輯回答
笑浮塵

過時(shí)是過時(shí)，但最基本的東西還是要了解的，體會(huì)了“不便”之后你才能更好地理解現(xiàn)有工具的思路、原理和便捷之處。

我不是什么前端高級(jí)工程師，平常也沒用多少大家都在用的高級(jí)構(gòu)建工具，但可以給你個(gè)建議，你先使用最原始的方法開發(fā)，你會(huì)發(fā)現(xiàn)一些不便的地方，這時(shí)你再去用webpack什么的工具，或者一些UI框架，體會(huì)一下區(qū)別，你會(huì)有自己的感受的。

2017年1月15日 04:14
編輯回答
汐顏

首先，webpack也是可以開發(fā)多頁(yè)面的。
其次，如果你覺得webpack太繁瑣，可以使用gulp去開發(fā)，你所謂的公共頭部，公共尾部，都有相應(yīng)的插件幫你你處理，這些只需要及其簡(jiǎn)單的配置就可以完成了。

gulp往復(fù)雜方面配置，可以實(shí)現(xiàn)和webpack同樣的效果，但那時(shí)用webpack是更好的選擇了。

2018年1月25日 10:08