# Webpack-Exercises

**Repository Path**: chenyu-max/Webpack-Exercises

## Basic Information

- **Project Name**: Webpack-Exercises
- **Description**: webpack 练习项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-19
- **Last Updated**: 2021-08-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webpack练习项目

## First
首先 先建立文件夹

使用 npm 初始化 init

![1](./assets/1.png)

![2](./assets/2.png)

之后 修改以下 script

![3](./assets/3.png)

之后再安装 webpack 和 webpack-cli

![4](./assets/4.png)

同时建立下 src 文件夹

![5](./assets/5.png)

进行一次打包测试

![6](./assets/6.png)

没有任何的问题,可以开始着手编写代码

## second

区分项目的模块

将要发布的代码 index.html 放入 dist 文件夹中 在其中引入 main.js

然后将其余的代码放入src文件夹中

### util文件夹

首先建立 util 文件夹，放入一些工具逻辑类的函数

- getNumber   用于获得数字
- isPrime     用于判断素数
- randomColor 用于获得随机数和随机颜色

### page文件夹

page文件夹中放有和页面相关的 js 文件

- appendNumber 用于将数字添加到html中
- event 用于处理将鼠标点击事件

## end

该项目主要用于练习 webpack 操作