npm install webpack -g命令列中定位到webpack-test資料夾下，輸入以下命令進行專案的初始化：
npm initpackage.json檔案，它用於儲存關於專案的資訊
我們在專案中本地安裝webpack-cli：
npm install webpack-cli -g
'./src'作為入口，因此我們在根目錄下建立src資料夾，事實上webpack4.x以'./src/index.js'作為入口，單單建立src檔案而沒有index.js檔案仍然會報錯，因此我們
將打包命令：直接執行hello.js移動到'./src'，並重命名為index.js。
webpack --mode development或者webpack --mode production，這樣便會預設進行打包，入口檔案是'./src/index.js'，輸出路徑是'./dist/main.js'，其中src目錄即index.js檔案需要手動建立，而dist目錄及main.js會自動生成。
這樣便能夠實現將'./src/index.js'打包成'./dist/main.js'。
不過每次都要輸入這個命令，非常麻煩，我們在package.json中scripts中加入兩個成員：
"dev":"webpack --mode development",
"build":"webpack --mode production"
npm run dev便相當於執行webpack --mode development，執行npm run build便相當於執行webpack --mode production。
我們在根目錄執行：
npm run dev配置步驟：
1、建立工程目錄；2、初始化工程目錄：npm init。
3、全域性安裝webpack-cli。
4、全域性安裝webpack。
5、webpack –mode development或webpack –mode production進行打包，可在package.json中配置dev和build的指令碼，便只需執行npm run dev/build，作用相同。
webpack 4 x安裝命令
執行npm i webpack g全域性安裝webpack，這樣就能在全域性使用webpack的命令 在專案根目錄中執行npm i webpack安裝到專案依賴中 執行npm init y初始化專案 建立專案基本的目錄結構src 和 dist,在src裡新建index.html 使用npm i jq...
webpack 4 X 基礎編譯
webpack4.x的打包已經不能用webpack 檔案a 檔案b的方式，而是直接執行webpack mode development或者webpack mode production，這樣便會預設進行打包，入口檔案是 src index.js 輸出路徑是 dist main.js 其中src目錄即...
webpack4 x學習筆記
有輸入必須有輸出，今天就來輸出一下學習webpack的過程。不得不先吐槽一下，比起可愛的grunt和好用的gulp，對webpack真心愛不起來！還有乙個血的教訓 千萬不要偷懶，有問題直接去官網。本文旨在記錄學習webpack的過車和遇到的問題，適合對node和webpack基礎知識有些了解的開發人...