# shopping-cart

**Repository Path**: null_git/shopping-cart

## Basic Information

- **Project Name**: shopping-cart
- **Description**: ES6 购物车功能模块
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-05-18
- **Last Updated**: 2023-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 购物车功能实战

技术栈： Webpack4 + ES6module + scss


#### 实现功能：

1. 获取列表展示首页列表
2. 详情页显示商品详情内容g
3. 详情页点击添加购物车显示toast框信息
4. 购物车管理

   - 计算总价
   - 立即购买(录入数据库)
   - 清空购物车
   - 全选/单选
   - 全选/单选总价实时变更
   - 删除商品

#### 需要安装依赖

```js
npm i --save-dev webpack webpack-cli webpack-dev-server

npm i --save-dev uglifyjs-webpack-plugin  //压缩混淆js

npm i --save-dev html-webpack-plugin  // 压缩HTML注⼊脚本插件

npm i --save-dev clean-webpack-plugin //自动清理掉dist目录中的旧文件

npm i --save-dev babel-loader babel-core babel-preset-latest  //将ES6转成 ES3 ES5

npm i --save-dev sass-loader node-sass // 编译sass⽂件

npm i --save-dev postcss-loader autoprefixer // css加兼容前缀

npm i --save-dev css-loader// 解析css文件

npm i --save-dev style-loader // 将解析好的css 放入 html 中作为内部样式

npm i --save-dev file-loader url-loader image-webpack-loader // 对图⽚⽂件进⾏压缩及⽬录位置移动

npm i --save-dev ejs ejs-loader // 模板⽂件编译⼯具模块
```