# Webpack + Vuex 简单示例

这个示例使用 Webpack 5 打包 Vue 3 单文件组件，并使用 Vuex 4 做集中式状态管理。

## 运行方式

```bash
npm install
npm run dev
```

开发服务默认地址：

```text
http://localhost:5174
```

生产打包：

```bash
npm run build
```

## 页面展示内容

- 已实现的功能：Webpack 打包、Vue 单文件组件、Vuex 状态管理、同步 mutation、异步 action、任务进度和操作日志。
- 怎么实现的：页面中直接展示 Webpack 配置、Vuex store 代码段和整体调用链路。
- 主要逻辑：用户操作组件，组件调用 Vuex，Vuex 修改状态，Vue 响应式刷新页面。

## 目录结构

```text
webpack-vuex-demo
├─ public/index.html
├─ src/App.vue
├─ src/main.js
├─ src/store/index.js
├─ src/styles.css
├─ package.json
└─ webpack.config.js
```