# webpack-practice

**Repository Path**: WebJianHong/webpack-practice

## Basic Information

- **Project Name**: webpack-practice
- **Description**: 用来练习webpack操作
自定义一个loader markdown-loader.js，用来将md内容转换为html内容
自定义一个plugin   remove-comments-plugin.js，用来删除 bundle.js 中的注释
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-11
- **Last Updated**: 2023-05-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

用来练习Webpack


# 学习记录

2023-5-5
跟着 [二十张图片彻底讲明白Webpack设计理念，以看懂为目的](https://juejin.cn/post/7170852747749621791) 学 webpack 
手写

Webpack 本质上是一个函数，它接受一个配置信息作为参数，执行后返回一个 compiler 对象，调用 compiler 对象中的 run 方法就会启动编译。run 方法接受一个回调，可以用来查看编译过程中的错误信息或编译信息。

```js
// 打包
node ./debugger.js
```

2022-02-11

自定义了一个loader markdown-loader.js 用来将 md 内容转化为html字符串

自定义了一个插件 remove-comments-plugin.js 用来删除 bundle.js 中的注释 


# 安装依赖
yarn

# 打包
yarn build