update
This commit is contained in:
parent
526baba6d3
commit
656790f07e
10
webpack.md
10
webpack.md
@ -3,13 +3,13 @@
|
||||
## 概念
|
||||
webpack是一个静态文件打包器
|
||||
他会递归生成一个依赖树 然后生产呢个一个或多个包(bundel)
|
||||
#### 需要了解四个概念
|
||||
### 需要了解四个概念
|
||||
1. 入口
|
||||
2. 输出
|
||||
3. loader 加载
|
||||
4. 插件
|
||||
|
||||
## 入口
|
||||
### 入口
|
||||
入口是指webpack应在那个文件开始处理依赖图
|
||||
然后输出到一个叫bundles(包)文件中
|
||||
可以使用entry属性 定义入口
|
||||
@ -19,7 +19,7 @@ module.exports = {
|
||||
};
|
||||
```
|
||||
|
||||
## 出口
|
||||
### 出口
|
||||
出口是告诉webpack将所打包成功的 bundel输出到哪个位置 以及如何命名
|
||||
默认为./dist
|
||||
可以使用output定义
|
||||
@ -37,7 +37,7 @@ module.exports = {
|
||||
path 输出目录
|
||||
filename 输出文件名
|
||||
|
||||
## loader
|
||||
### loader
|
||||
loder 可以让webpack处理javascript文件之外的
|
||||
默认webpack只可以处理javascript文件
|
||||
loader将其他文件转化为webpack可以处理的有效模块文件
|
||||
@ -62,4 +62,4 @@ module.exports = config;
|
||||
```
|
||||
定义时需要写道module.rules中
|
||||
|
||||
## 插件
|
||||
### 插件
|
||||
|
Loading…
Reference in New Issue
Block a user