最近發現好多人無意間公升級了webpack到4.0 遇到了一些坑，好奇的我查閱了很多文章，其中一篇講放棄vue-cli等腳手架的對我感觸很深。
vue-cli雖然給我們帶來很多便利，但是作為一條有夢想的鹹魚，豈能一直滿足於寫業務**？研究**也不是我的愛好，但是我沉浸於對新知識研究後的成就感、和被別人崇拜的眼神中深深不能自拔~~~~
1.執行在node環境下的js，操作執行在瀏覽器中的js、html、css等檔案
2.在前端工程化中，將複雜的程式邏輯劃分很多個小模組(如依賴包)，webapck將這些模組按照依賴順序分別打包
3.在處理模組的時候可以對js、css進行預處理（loaders）如將es6、jsx、vue這些都轉成瀏覽器可識別相容的js，也可對sass做類似的處理
4.強大的外掛程式功能：壓縮js、生成html檔案
總而言之一句話：對js、html、css檔案的增刪改及新建，人為能做到的它都能做到，人為做不到的它也能做到
當然webpack還有其他很多功能我這裡不在一一介紹，可參考：
寫的很贊。
在此談談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
前端工程化工具webpack
gulp 2016 2018 4.0 broserify webpack的前身 只能解決js檔案 webpack 主流 3.0之後能解決除了js檔案之外的檔案 目前4.30.0 前端的環境 有預設埠，每個環境的埠都不同 webpack概念 webpack配置檔案 entry src index.js...
前端工程化（三）之webpack構建
構建，或者叫做編譯，在前端工程體系中的角色是將源 轉化為宿主瀏覽器可執行的 其核心是資源的管理。前端的產出資源包括js，css，html，分別對應的源 是 1.領先於瀏覽器實現的ecmascript規範編寫的js 2.less sass預編譯語法編寫的css 3.jade eje mustache等...
webpack 與 前端工程化的使用步驟
一 webpack 的基本使用 webpack預設只能打包處理以 js 結尾的模組，其他的檔案是打包不了的，想要全部到，需要呼叫 loader 載入器才能進行打包，否則就會報錯！匯入 node.js 中專門操作路徑的模組 const path require path module.exports ...