# webpack

**Repository Path**: casso123456/webpack

## Basic Information

- **Project Name**: webpack
- **Description**: webpack4.+ vue2.+ DRF 按需加载（import）
- **Primary Language**: Python
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2019-11-28
- **Last Updated**: 2021-01-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

##### 项目描述

* 测试接口项目前端项目

##### 项目记录 

* 配置静态文件方法是在`webpack.config.js`的暴露模块中添加以下配置：
    1. 创建`static`文件夹  引用： `/static/`


* 使用`Vuex`：
    1. 用户进入首页时判断使用是否登录，已过登录则获取该用户信息、收藏夹、购物车、订单信息，
    2. 如果未登录则在操作敏感信息时再检测是否登录然后跳转到登录/注册页面.
    3. 在登录完成后也执行：获取该用户信息、收藏夹、购物车、订单信息这些操作。
    4 .这样在每次操作敏感信息之前只要是用户已登录就可要直接使用store里面的数据

* `Vuex`存储异常:
    1. 由于我的产品详细页面是打开--新页面--，所以获取不到在home.vue中存入store的数据。
    2. 因为Vuex是运行在内存之中的，页面刷新会重新赋值为初始值。所以以上获取的用户相关信息只能在本浏览器窗口使用。
    3. 要在商品详细页判断该上品是否已收藏需要重新跟后台请求数据进行比较。


* 模块:
    1. 首页推荐
    2. 产品中心
    3. 个人中心
    4. 售后专区
    5. 个性服务



* 使用`vue keep-alive`(使用缓存):
    1. 为了提高用户体验--页面跳转到新页面再跳回来时要保持原来的浏览状态
    2. 使用Vue keep-alive 缓存既可以大量减少不必要的资源请求，又可以提升用户体验好感度--保持浏览状态
    3. 用法详情：
                1. app.vue组件
                2. router.js


* 补充: `axios` 响应拦截器优化：`https://blog.csdn.net/sinat_41087851/article/details/80635276`


#### Commit 规范

###### 格式如下
* 例：`fead(type)`:本次提交概述
* `type`: 本次 commit 的类型，诸如 bugfix docs style 等，参考如下:

    * `fead`：添加新功能
    * `fix`：修补缺陷
    * `docs`：修改文档
    * `style`：修改格式
    * `refactor`：重构
    * `perf`：优化
    * `test`：增加测试
    * `chore`：构建过程或辅助工具的变动
    * `revert`：回滚到上一个版本

* `scope`: 本次 `commit` 波及的范围
* `subject`: 简明扼要的阐述下本次 `commit` 的主旨，在原文中特意强调了几点：

    1. 使用祈使句，是不是很熟悉又陌生的一个词
    2. 首字母不要大写
    3. 结尾无需添加标点