學習到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