官網https://webpack.js.org/concepts/

npm install webpack-cli -g

介紹

前端資源打包工具，根據分析，打包成靜態資源

概念

• Entry

  入口指向 webpack 用哪個文件為入口開始打包

• Output

  輸出指向 webpack 打包後的資源 bundles 輸出到哪和如何命名

• Loader

  loader 讓 webpack 能夠去處理哪些非 javascript 文件

• Plugins

  插件可以用於更廣的功能，像優化、壓縮

• Mode

  development ⇒ 本地能運行測試

  production ⇒ 優化上線

安裝

• webpack
• webpack-cli
• mini-css-extract-plugin
• css-loader
• sass-loader
• node-sass

檔案

• 建立 webpack.config.js
• 其他資源放 src 資料夾