1. 程式人生 > 其它 >Webpack安裝和基本配置

Webpack安裝和基本配置

webpack
1.建立專案資料夾,在整合終端中開啟。
2.檢查 node 的版本
3.安裝 wepack 的方式

  • 全域性安裝 npm install -g webpack 檢查版本webpack -v
  • 區域性安裝 `npm init -y
  • 產生 package.json 檔案
  • 安裝兩個外掛 webpack 和 webpackcli npm install -D webpack webpack-cli
    在 package.json 檔案中
"webpack": "^5.13.0",
"webpack-cli": "^4.3.1"

入口與出口

在專案資料夾下建立子資料夾 dist 和 src 資料夾
src 資料夾:正常開發檔案
dist 資料夾: src 資料夾打包到 dist 資料夾

`