# webpack4.x-basic-demos

**Repository Path**: ikonan/webpack4.x-basic-demos

## Basic Information

- **Project Name**: webpack4.x-basic-demos
- **Description**: webpack4.x 简单的demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webpack4.x-basic-demos

### webpack 安装

```
npm init -y
npm install –save-dev webpack
npm install –save-dev webpack-cli
```

1. `npm init -y `初始化项目，在项目中生成package.json文件
2. 两条命令可以简写为：

```
npm i webpack webpack-cli -D 
```
 **webpack:**  webpack 安装包

 **webpack-cli:**  webpack命令行工具，有了这个才能在命令终端执行 webpack命令进行打包。

建议安装到项目中而并非全局环境下。安装到全局环境下可能导致有的插件无法使用以及避免不同的项目依赖的版本不同而出现问题
默认情况安装在项目中，如果要安装到全局环境下 加上参数 -g 如：`npm i webpack -g`

 **验证是否安装成功** ： `webpack -v `（这条命令默认情况会在全局环境下去找webpack，查看当前项目环境的版本使用： `npx webpack -v`）

### 项目介绍:

-  **webpack-01-entryoutput:**  webpack入口文件和输出文件
-  **webpack-02-plugin:**  webpack插件的使用
-  **webpack-03-devServer:**  webpack 开发服务器的简单配置
-  **webpack-04-module:**  webpack css模块化的配置
-  **webpack-05-loader:** webpack loader 的使用
-  **webpack-06-splitChunks:**  代码的分割


> 注:demo代码中有详细的注释