什么是loader

webpack 只能理解 JavaScript 和 JSON 文件，这是 webpack 开箱可用的自带能力。 loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效 模块，以供 应用程序使用，以及被添加到依赖图中。

在 webpack 的配置中，loader 有两个属性：

1. test 属性，识别出哪些文件会被转换。

2. use 属性，定义出在进行转换时，应该使用哪个 loader。

const path = require('path');
module.exports = {
output: {
filename: 'my-first-webpack.bundle.js',
},
module: {
rules: [{ test: /\.txt$/, use: 'raw-loader' }],
},
}; 

 

以上配置中，对一个单独的 module 对象定义了 rules 属性，里面包含两个必须属 性： test 和 use 。这告诉 webpack 编译器(compiler) 如下信息：