# WebpackBuild

**Repository Path**: ocj-app/WebpackBuild

## Basic Information

- **Project Name**: WebpackBuild
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-01-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WebpackBuild
# 开发环境
## react
1. 开发命令：npm run start-react
2. 开发文件解析：webpack.react.conf.js
## vue
1. 开发命令：npm run start-vue
2. 开发文件解析：webpack.vue.conf.js
# 正式打包环境
## react
1. 打包命令：npm run build-react
2. 开发文件解析：webpack.react.prod.conf.js
## vue
1. 打包命令：npm run build-vue
2. 开发文件解析：webpack.vue.prod.conf.js

## 打包文件解析
1. entry ：入口文件
2. output ： 输出文件
3. module：解析模块（加载器）
4. plugs：第三方插件
5. devServer：开发环境服务器配置

## plugs
1. CleanWebpackPlugin：打包之前删除之前文件
2. CopyWebpackPlugin: 将全局文件复制到相应目录
3. HtmlWebpackPlugin：生成html 入口文件
4. OptimizeCSSPlugin: css格式化
5. UglifyJsPlugin： js格式化
6. ExtractTextPlugin：js css分离开来