# webpack4.x-guide-demo

**Repository Path**: ikonan/webpack4.x-guide-demo

## Basic Information

- **Project Name**: webpack4.x-guide-demo
- **Description**: webpack4.x 学习笔记
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-08-18
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webpack4.x-guide-demo

#### 介绍
此项目整理了webpack4.0 版本的常用配置，webpack4.0 比以前的版本更新了一些新的特性，一些老的配置也有些新的变更。这也算是我在学习webpack的一个笔记

#### 工程介绍
- webpack01-start 项目的基本插件配置（css， html）
- webpack02-font iconfont 字体是使用配置
- webpack03-sourcemap 源码错误映射
- webpack04-server 开发服务器的配置
- webpack05-babel 基础babel的配合和使用
- webpack06-treeshaking 打包时删除模块未使用的代码
- webpack07-merge webpack.config.js 文件的拆分
- webpack08-splitcode 公共代码的分割
- webpack09-pwa 渐进式web应用的简单使用
- webpack10-splitcss css 样式的分割
- webpack11-shimming 挂载全局变量

#### 使用：
 **1.把项目clone 到本地** 
```
git clone https://gitee.com/ikonan/webpack4.x-guide-demo.git
```
 **2.运行特定的模块代码(比如说：webpack01-start)** 
```
npm run 'webpack01'
```