# webpack3

**Repository Path**: cosyer/webpack3

## Basic Information

- **Project Name**: webpack3
- **Description**: webpack3配置 代码拆分详解，webpack配置工程师必备。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-26
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webpack3配置 代码拆分详解
> 前端资源模块化管理和打包工具 实现代码分隔按需加载
> 为什么用webpack拆分打包🐫🐫🐫🐫🐫🐫
~~~
- 样式表，希望利用 link 标签引入
- 使用概率较低的模块，希望后期需要的时候异步加载
- 框架代码，希望能利用浏览器缓存下部分不易变动的代码
~~~

loader对其他类型进行转换

- webpack         // 最基本的启动webpack的方法
- webpack -w      // 提供watch方法；实时进行打包更新
- webpack -p      // 对打包后的文件进行压缩
- webpack -d      // 提供source map，方便调式代码

如果依赖不存在，或者引入顺序错误，应用程序将功能异常。
如果引入依赖但是并没有使用，那样就会存在许多浏览器下载好却无用的代码。