前言 近期對自己負責的項目進行優化，但 webpack 這塊一直有着茫然的不熟悉，本着對 webpack 打包配置及項目優化的進一步理解和學習，所以記錄下自己學習的流程，加深印象，有深入的理解后再進行補充。另外，對不同版本的 webpack（比如 webpack4 和 webpack5），在一些 ...

遙看套路挖掘機，不見當年老司機。this is a boilerplate1.新建一個項目目錄文件夾，暫且叫seed 然后一直回車，最后yes，最終生成一個package.json文件 2.新建以下 src 　　文件夾用於存放js，css，img等源碼和引用的靜態文件 ...

隨着業務發展和前端人員的增加，搭建一個通用框架以及制定統一規范就成了必然。對於選型這方面，一開始好像就沒考慮其他框架，直接選了webpack。webpack的優點就不多說了，可擴展性，強大的npm插件庫，說干就干。 基於公司基礎以及業務限制，一口吃不成個胖子，沒辦法做成最理想的狀態，也就 ...

前言 工欲善其事，必先利其器。為了更好的學習React，我們先簡要的把開發環境搭建起來。本文主要介紹使用webpack搭建React項目，如果你對React或es6的基礎語法還不了解，建議先去學習學習。 注 鑒於文章發布到現在已有一年之久，很多庫版本也發生了很多變化，也導致 ...

前言 前面我們已經搭建了基礎環境，現在將開發環境更完善一些。 devtool 在開發的過程，我們會經常調試，so，為了方便我們在chrome中調試源代碼，需要更改webpack.config.js，然后啟動webpack-dev-server。完成之后在chrome瀏覽器中打開 ...

前言 　　搭建好前文的開發環境，已經可以進行開發。然而實際的項目中，不同環境有着不同的構建需求。這里就將開發環境和生產環境的配置單獨提取出來，並做一些簡單的優化。 分離不同環境公有配置 　　不同環境雖然有不同的構建需求，但依然有相同的部分，這里將共同部分提取出來，單獨配置 ...

webpack4發布以來，我寫項目都是用腳手架，即使再簡單的項目，真的是really shame。。雖然道聽途說了很多 webpack4 的特性，卻沒有嘗試過，因為它給人的感覺就是，em...很難。但是今天我從最簡單的部分開始，一點點搭建起一個項目。 0配置，配置了什么 讓我們 ...

1.先要有node.js環境，略~(https://www.cnblogs.com/jyughynj/p/11207114.html) 2.安裝react腳手架，create-react-app 3.創建項目 cmd輸入create-react-app project-name ...