webpack學習
在安裝一個要打包到生產環境的安裝包時，你應該使用 npm install --save，如果你在安裝一個用於開發環境的安裝包（例如，linter, 測試庫等），你應該使用 npm install --save-dev
開發環境：項目尚且在編碼階段，我們的代碼一般在開發環境中 不會在生產環境中，生產環境組成： 操作系統 ，web服務器 ，語言環境。 php 。 數據庫 。 等等
測試環境：項目完成測試，修改bug階段
生產環境：項目數據前端後臺已經跑通，部署在阿里雲上之後，有客戶使用，訪問，就是網站正式運行了
npx webpack --config webpack.config.js//使用--config可以傳遞審覈名稱的配置文件，這個對於需要拆分成多個文件的複雜配置是非常有用的。
npm run build 命令，來替代我們之前使用的 npx 命令【npx webpack】
webpack中加載css
npm install --save-dev style-loader css-loader
webpack中加載圖片
npm install --save-dev file-loader
webpack中加載數據
npm install --save-dev csv-loader xml-loader,主要提供加載CSV、TSV、XML格式的文件
HtmlWebpackPlugin
作用：如果更改了入口起點的名稱，但是我們index.html中引入的起點名稱沒有變化，此時就不會重新渲染，使用了HtmlWebpackPlugin，構建之後會生成一個新的index.html來替換原來的index.html，所有的buddle都會自動添加到新的index.html中。
npm install --save-dev html-webpack-plugin
清理dist文件夾
npm install --save-dev clean-webpack-plugin
通過使用WebpackMainfestPlugin可以將數據提取到一個json文件中，通過緩存只能可以弄清楚如何與長期緩存相關聯