theluyuan/biji
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

Browse Source
This commit is contained in:
pplokijuhyg 2019-12-02 10:02:24 +08:00
parent 526baba6d3
commit 656790f07e
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
webpack.md
View File

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