This commit is contained in:
pplokijuhyg 2019-12-02 09:57:24 +08:00
parent 3c756e01a1
commit fe187b60d3

View File

@ -13,14 +13,17 @@ webpack是一个静态文件打包器
入口是指webpack应在那个文件开始处理依赖图
然后输出到一个叫bundles(包)文件中
可以使用entry属性 定义入口
```
module.exports = {
entry: './path/to/my/entry/file.js'
};
```
## 出口
出口是告诉webpack将所打包成功的 bundel输出到哪个位置 以及如何命名
默认为./dist
可以使用output定义
```
const path = require('path');
module.exports = {
@ -30,6 +33,7 @@ module.exports = {
filename: 'my-first-webpack.bundle.js'
}
};
```
path 输出目录
filename 输出文件名
@ -39,4 +43,20 @@ loder 可以让webpack处理javascript文件之外的
loader将其他文件转化为webpack可以处理的有效模块文件
webpack loader配置有两个目标
- 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;
```