loader是什么？

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' 
        },
        {
			test: /\.jpg$/,
			use: {
				loader: 'file-loader'
			} 
		}
    ],
   
  },
};

Loaders | webpack 中文文档