webpack的開發(fā)模式和生產(chǎn)模式到底是什么？

最近在學(xué)習(xí)webpack4，老實說，快被折磨瘋了，被我自己折磨瘋了，因為我喜歡研究問題研究的很深，而這也給我?guī)淼暮芏嗟耐纯?，詳?xì)可以看我的主頁，最近提的問題（一些你可能從來沒有考慮過的問題）。

好了，我想問的是webpack的開發(fā)模式和生產(chǎn)模式到底是什么？或者說，開發(fā)模式做了些什么，生產(chǎn)模式做了些什么？

有人肯定說用于本地開發(fā)的就是開發(fā)模式啊，mode設(shè)為development，加上一些開發(fā)配置，比如devtool，熱更新之類的就是開發(fā)模式，可以在本地瀏覽器及時看到數(shù)據(jù)，多好，這就是開發(fā)模式。

但我們在想的深入一點，我們都知道，webpack打包依賴于package.json，而package.json里有一個放置開發(fā)模式依賴的模塊devDependencies和一個放置生產(chǎn)模式依賴的dependencies，package.json里面有個開發(fā)模式devDependencies，webpack.config.js里有個開發(fā)模式mode：development，兩者什么關(guān)系？

webpack打包的時候，這個devDependencies干了什么？有人說沒有打包進(jìn)最后的js里，那么請看我之前提的問題，我把jquery模塊放在devDependencies里面，最后打包后的js依然可以運行，說明devDependencies里面的模塊被打包進(jìn)js里了（無論我mode設(shè)為什么值）

總結(jié)一下我的疑問，網(wǎng)上所言，devDependencies用于開發(fā)模式打包，dependencies用于生產(chǎn)模式打包，我并沒有看到效果，我只看到無論devDependencies和dependencies設(shè)為什么值，只要node_modules文件夾里有相應(yīng)的包最后都能成功打包，那么devDependencies用于開發(fā)模式打包，dependencies用于生產(chǎn)模式打包的意義在哪里，網(wǎng)上所言，究竟是什么意思，我哪里理解錯了？

最后還有一個疑問，即使網(wǎng)上說的是真的，devDependencies用于開發(fā)模式打包，dependencies用于生產(chǎn)模式打包，那我放在devDependencies里面的webpack模塊你生產(chǎn)模式都用不了，你怎么打包？

{
  "name": "vuetest",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "clean-webpack-plugin": "^0.1.19",
    "html-webpack-plugin": "^3.2.0",
    "webpack": "^4.16.5",
    "webpack-cli": "^3.1.0"
  },
  "dependencies": {
    "jquery": "^3.3.1"
  }
}