Webpack:Loader学习——Raw Loader

//raw loader接受到content是Buffer数据(二进制数据)
module.exports = function (content) {
  console.log(content);
  return content;
};

module.exports.raw = true;

 webpack

const path = require("path");
//处理html
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
  entry: "./src/main.js",//根据找到依赖
  output: {
    path: path.resolve(__dirname, "./dist"),
    filename: "js/[name].js",// filename: 输出文件名
    clean: true,
  },
  module: {//编译记载配置
    rules: [
      //   {
      //   test: /\.js$/,//处理js文件
      //   loader: "./loaders/test-loader.js",//将要处理文件作为参数传到test-loader.js
      // },
      {
        test: /\.js$/,//处理js文件
        // use: ["./loaders/demo/test1","./loaders/demo/test2"],
          loader: "./loaders/demo/test3",//将要处理文件作为参数传到test-loader.js
      },

    ],
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: path.resolve(__dirname, "public/index.html"),
    }),
  ],
  
  mode: "development",
};

运行效果：资源文件会被转化为 UTF-8 字符串，然后传给 loader。通过设置 raw 为 true，loader 可以接收原始的 Buffer。

 写法2

//写法2

function test3Loader(content) {
console.log(content);
  return content;
}

test3Loader.raw = true;

module.exports = test3Loader;