离梦之殇 如梦之境

配置

entry

入口，默认值是 ./src/index.js

1

entry: './path/to/my/entry/file.js',

output

输出，默认值是 ./dist/main.js，其他生成文件默认放置在 ./dist 文件夹中。

1
2
3
4

output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'my-first-webpack.bundle.js',
},

loader

webpack 只能理解 JavaScript 和 JSON 文件

loader 让 webpack 能够去处理其他类型的文件

在更高层面，在 webpack 的配置中，loader 有两个属性：

1. test 属性，识别出哪些文件会被转换。
2. use 属性，定义出在进行转换时，应该使用哪个 loader。

1
2
3

module: {
    rules: [{ test: /\.txt$/, use: 'raw-loader' }],
},

plugin

1

plugins: [new XXXPlugin()]