webpack前往中級前端工程師之路

Aldous 發布于2019-08-22 16:11 / 2078人閱讀

摘要：最近發現好多人無意間升級了到遇到了一些坑，好奇的我查閱了很多文章，其中一篇講放棄等腳手架的對我感觸很深。在此談談升級帶來的坑將多帶帶拿出來放在，需要多帶帶安裝這個包不在支持版本現在能原生地處理要用

最近發現好多人無意間升級了webpack到4.0 遇到了一些坑，好奇的我查閱了很多文章，其中一篇講放棄vue-cli等腳手架的對我感觸很深。

vue-cli雖然給我們帶來很多便利，但是作為一條有夢想的咸魚，豈能一直滿足于寫業務代碼？研究代碼也不是我的愛好，但是我沉浸于對新知識研究后的成就感、和被別人崇拜的眼神中深深不能自拔~~~~

看了很多篇文章，稍微總結了一下webpack：

1.運行在node環境下的js，操作運行在瀏覽器中的js、html、css等文件

2.在前端工程化中，將復雜的程序邏輯劃分很多個小模塊(如依賴包)，webapck將這些模塊按照依賴順序分別打包

3.在處理模塊的時候可以對js、css進行預處理（Loaders）如將es6、jsx、vue這些都轉成瀏覽器可識別兼容的js，也可對sass做類似的處理

4.強大的插件功能：壓縮js、生成html文件

總而言之一句話：對js、html、css文件的增刪改及新建，人為能做到的它都能做到，人為做不到的它也能做到

當然webpack還有其他很多功能我這里不在一一介紹，可參考：
https://segmentfault.com/a/11...
寫的很贊。

在此談談webpack4.0升級帶來的坑：
1.webpack4.0將CLI多帶帶拿出來放在webpack-cli，需要多帶帶安裝這個包
2.不在支持node版本4.x
3.webpack 現在能原生地處理 JSON
4.extract-text-webpack-plugin要用extract-text-webpack-plugin@next

GPU云服務器云服務器中級前端工程師前端前端工程師前端工程師前端前端前端開發工程師

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94124.html

前端架構師親述：前端工程師成長之路的 N 問及回答

摘要：問題回答者黃軼，目前就職于公司擔任前端架構師，曾就職于滴滴和百度，畢業于北京科技大學。最后附上鏈接問題我目前是一名后端工程師，工作快五年了。 showImg(https://segmentfault.com/img/bVbuaiP?w=1240&h=620); 問題回答者：黃軼，目前就職于 Zoom 公司擔任前端架構師，曾就職于滴滴和百度，畢業于北京科技大學。 1. 前端開發問題大...

crossoverJie 2019-08-23 18:14 評論0 收藏0
web前端工程師進階指南

摘要：進階的知識的話就是響應式這一塊了，一套代碼能適配手機是初級前端工程師的進階，在北京工資一般在左右。進階的知識應該是這一塊了，當然并不難，了解怎么與后臺交互是學習的關鍵點，在北京的工資一般在左右。 web前端？如果你是一名web前端工程師，那么你將感到幸運，從之前的默默無聞，到后來的給后臺工程師打下手，再到巔峰一時。web前端可謂是當下最火的職位之一。 showImg(https://s...

曹金海 2019-08-02 16:07 評論0 收藏0
web前端工程師進階指南

摘要：進階的知識的話就是響應式這一塊了，一套代碼能適配手機是初級前端工程師的進階，在北京工資一般在左右。進階的知識應該是這一塊了，當然并不難，了解怎么與后臺交互是學習的關鍵點，在北京的工資一般在左右。 web前端？如果你是一名web前端工程師，那么你將感到幸運，從之前的默默無聞，到后來的給后臺工程師打下手，再到巔峰一時。web前端可謂是當下最火的職位之一。 showImg(https://s...

fnngj 2019-08-23 14:02 評論0 收藏0
前端修煉之路

摘要：一步，兩步，三步四步五步，就這樣到達了人生的巔峰傳統前端生態初級不使用打包中間處理工具，手工處理圖片等資源掌握以下知識點基礎結構，基礎樣式，基礎語法框架，系列插件框架，等基礎插件，等其他移動端適配，瀏覽器兼容，瀏覽器調試等恭喜完成新手村修一步，兩步，三步四步五步，就這樣到達了人生的巔峰~ 傳統前端生態-初級不使用打包、中間處理工具，手工處理js、css、圖片等資源掌握以下知識點：...

Jason_Geng 2019-06-26 17:58 評論0 收藏0