update
This commit is contained in:
parent
3c756e01a1
commit
fe187b60d3
22
webpack.md
22
webpack.md
@ -13,14 +13,17 @@ webpack是一个静态文件打包器
|
|||||||
入口是指webpack应在那个文件开始处理依赖图
|
入口是指webpack应在那个文件开始处理依赖图
|
||||||
然后输出到一个叫bundles(包)文件中
|
然后输出到一个叫bundles(包)文件中
|
||||||
可以使用entry属性 定义入口
|
可以使用entry属性 定义入口
|
||||||
|
```
|
||||||
module.exports = {
|
module.exports = {
|
||||||
entry: './path/to/my/entry/file.js'
|
entry: './path/to/my/entry/file.js'
|
||||||
};
|
};
|
||||||
|
```
|
||||||
|
|
||||||
## 出口
|
## 出口
|
||||||
出口是告诉webpack将所打包成功的 bundel输出到哪个位置 以及如何命名
|
出口是告诉webpack将所打包成功的 bundel输出到哪个位置 以及如何命名
|
||||||
默认为./dist
|
默认为./dist
|
||||||
可以使用output定义
|
可以使用output定义
|
||||||
|
```
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
@ -30,6 +33,7 @@ module.exports = {
|
|||||||
filename: 'my-first-webpack.bundle.js'
|
filename: 'my-first-webpack.bundle.js'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
```
|
||||||
path 输出目录
|
path 输出目录
|
||||||
filename 输出文件名
|
filename 输出文件名
|
||||||
|
|
||||||
@ -39,4 +43,20 @@ loder 可以让webpack处理javascript文件之外的
|
|||||||
loader将其他文件转化为webpack可以处理的有效模块文件
|
loader将其他文件转化为webpack可以处理的有效模块文件
|
||||||
webpack loader配置有两个目标
|
webpack loader配置有两个目标
|
||||||
- test属性 用来标识要处理的某个文件或某些文件
|
- test属性 用来标识要处理的某个文件或某些文件
|
||||||
- use属性 表示转换时 用到那一个
|
- use属性 表示转换时 用到那一个koader
|
||||||
|
```
|
||||||
|
const path = require('path');
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
output: {
|
||||||
|
filename: 'my-first-webpack.bundle.js'
|
||||||
|
},
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{ test: /\.txt$/, use: 'raw-loader' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = config;
|
||||||
|
```
|
||||||
|
Loading…
x
Reference in New Issue
Block a user