學習到webpack打包這個工具的時候，總是報錯。在這裡記錄一下......

 我是window系統

當使用npm安裝好webpack後，你去檢視如果出現一下問題。

出現以上問題，我的做法是 先將webpack全域性解除安裝，安裝cnpm 然後使用cnpm安裝webpack

我以為完事大吉，都解決了..........

 在進行打包的時候報如下錯誤：

Built at: 2018-12-05 09:51:42
 1 asset
Entrypoint main = main.js
[1] multi ./src/index.js ./dist/bundle.js 40
 
 bytes {0} [built]
[2] ./src/index.js 235 bytes {0} [built]
    + 1 hidden module

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 
 
'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

ERROR in multi ./src/index.js ./dist/bundle.js
Module not found: Error: Can't resolve '.\dist\bundle.js' in 'D:\自己專案\Python\code\webpack'
 @ multi ./src/index.js ./dist/bundle.js main[1]

結合查詢的資料得出：

1：第一次執行打包需要執行一下：npm init -y

這時候專案中會出現一個package.json配置檔案

在這個檔案中找到“scripts”節點加入：

 "dev": "webpack --mode development", // 開發環境

最後在手動新增一個webpack.config.js檔案（簡化打包命令只需要輸入webpack命令即可）

內容如下：其實就是配置了打包的原始檔和需要打包到正式檔案的路徑

之前我路徑寫的有問題，沒有使用path  這個問題是路徑的問題，一定要注意

 注意：這裡一定要加上：mode: 'development' // 設定mode