前端技術要求：node，webpack的安裝等使用需要你有node基礎。
用webpack打包項目已經有一年半的 時間了， 我也試試總結一下，然後，進階一下，做下webpcak的使用優化。
首先從最基礎的地方講起，介紹一下webpack是做什麼的？
webpack 翻譯就是網站打包工具，可以打包的資源可以參考:https://webpack.js.org/；
可以看到：webpack可以將js,css,sass,png,等等資源進行打包。打包就意味着壓縮，這也是實現前端工程化的一個重要組成部分。是代表着前端模塊化開發。
1.webpack的安裝
webpack全局安裝：在Window+R打開命令臺，首先確認已經安裝好node了。沒有安裝的，可以：https://nodejs.org/zh-cn/;
安裝完畢後，可以使用node -v 檢查是否安裝成功；
然後就可以進行webpack的安裝了。
npm install webpack webpack-cli -g
但是，我不建議，使用這種全局安裝的方法，稍微有些經驗的前端，更願意，在項目中進行webpack的安裝使用。
npm install webpack webpack-cli -D
執行這個命令行：意味着你是在當前項目中進行的webpack安裝。
會生成一個package.json文件：
{
"devDependencies": {
"webpack": "^4.32.2",
"webpack-cli": "^3.3.2"
}
}
devDependencies下聲明：開發環境依賴的包；
此時：你在終端執行webpack命令是報錯的：
因爲，這個命令是隻有全局安裝的時候，纔可以的。我們現在是在項目裏安裝的webpak，所以需要執行下面的代碼：
npx webpack
ps:npx 會自動查找當前依賴包中的可執行文件，如果找不到，就會去 PATH 裏找。如果依然找不到，就會幫你安裝。
但是：你還會發現報錯：沒有找到src目錄。
因爲打包就是打包src目錄文件的。所以我們要新建src目錄文件包含一個index.js文件
// index.js
console.log('webpack從入門到進階')
此時，我們再次執行：
npx webpack
可以看到，當前項目下會生成一個dist目錄，包含main.js，可以看到，裏面包含我們在index.js裏面書寫的內容。
這篇文章，就先介紹到這裏，會持續更新的。