webpack实战之自定义loader

文档：https://www.webpackjs.com/contribute/writing-a-loader/

1.简介

loader 是导出为一个函数的 node 模块。该函数在 loader 转换资源的时候调用。

给定的函数将调用 loader API，并通过 this 上下文访问。

2.配置

首先在本地开发loader需要测试，这里介绍配置本地loader（而不是node_modules下的）的方式

匹配(test)单个 loader，你可以简单通过在 rule 对象设置 path.resolve 指向这个本地文件

module.exports = {
  mode: 'development',
  entry: {
    main: './src/index.js',
  },
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist',
  },
  module: {
    rules: [
      {
        test: /\.js$/,