webpack打包The 'mode' option has not been set,錯誤提示

學習到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", // 開發環境

"build": "webpack --mode production" // 生產環境

 

最後在手動添加一個webpack.config.js文件（簡化打包命令只須要輸入webpack命令便可）

 

內容以下：其實就是配置了打包的源文件和須要打包到正式文件的路徑

 

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

 

 

 注意：這裏必定要加上：mode: 'development' // 設置mode

 

 

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

工程目錄下直接運行以下代碼 ：

　　cnpm install webpack --save-dev