前端工程化 前端工程化的概念在近些年來逐漸成為主流構建大型web應用不可或缺的一部分，在此我通過以下這三方面總結一下自己的理解。 為什么需要前端工程化。 前端工程化的演化。 怎么實現前端工程化。 為什么需要工程化   隨着近些年來前端技術的不斷發展 ...

前端自動化構建工具gulp的使用總結 博主最近偶的空閑，在此對gulp的使用做一個總結，讓小伙伴知道如何合理的使用gulp以及gulp的使用技巧。 談到gulp，有人可能就會想到另外一個構建工具grunt，那么 博主就要誇你一句：油啊熱癟死他。 那么grunt和gulp有什么異同 ...

前言 　　現在的前端開發已經不再僅僅只是靜態網頁的開發了，日新月異的前端技術已經讓前端代碼的邏輯和交互效果越來越復雜，更加的不易於管理，模塊化開發和預處理框架把項目分成若干個小模塊，增加了最后發布的困難，沒有一個統一的標准，讓前端的項目結構千奇百怪。前端自動化構建在整個項目開發中越 ...

前言 　　現在的前端開發已經不再僅僅只是靜態網頁的開發了，日新月異的前端技術已經讓前端代碼的邏輯和交互效果越來越復雜，更加的不易於管理，模塊化開發和預處理框架把項目分成若干個小模塊，增加了最后發布的困難，沒有一個統一的標准，讓前端的項目結構千奇百怪。前端自動化構建在整個項目開發中越 ...

目標 將es6語法，jsx語法，自動轉換成目前主流瀏覽器可以支持的js語法。 將less或sass等轉換成css，並自動添加瀏覽器私有前綴。 實現代碼熱替換和瀏覽器的自動刷新。 對針對開發環境和生產環境生成不同的打包文件。 准備工作 安裝nodejs 創建 ...

前言 基本介紹 裝載 使用 webpack來打包簡單的js文件 其中chunkhash是編譯當前文件的隨機哈希值 然后你可以在js中引入css文件，如 ...

下（若沒有，會自動創建一個node_modules文件夾） 具體區別，推薦博文： 全局安裝和本地（局部 ...

一、簡介 　　　之前了解了自動化構建相關工具，然后今天有時間就把學習過程碰到的坑寫下來。首先是前端自動化構建三大工具gulp\grunt\webpack。其實說是三大工具，但也只是個人主觀想法。因為自己常見的並有所了解的就這三個。至於其他的，暫不在討論范圍。 二、gulp、grunt ...