---
---
直接來開個空白新專案吧
---
然後建立管理 npm 套件的 package.json
```bash=
npm init -y
npm i -D webpack
```
---
---
---
---
---
```bash=
npm run build
```
這時它提醒了我沒有裝 webpack-cli
---
就給它裝下去，再次執行
```bash=
npm run build
```
---
---
---
這是最最預設的作法
想要更多更多配置就得要寫 webpack.config.js
---
---
webpack 可以幫你把許多不同類型的模組 build 成靜態資源
還有許多 loader 跟 plugins 可以使用
---
https://webpack.js.org/loaders
https://webpack.js.org/plugins
---
講了一大堆東西
就是為了要推 React
---
###### tags: `前端`
下一章： [React](https://hackmd.io/p/rJrGDSlT4#/)
{"metaMigratedAt":"2023-06-14T21:49:53.292Z","metaMigratedFrom":"YAML","title":"webpack","breaks":true,"contributors":"[{\"id\":\"546d39ab-b539-465e-9792-3e057aa047ac\",\"add\":1681,\"del\":687}]"}