webpack配置loader的三种方式

let path = require("path");
let HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
    mode:"development",
    entry: "./src/index.js",
    output: {
        filename:"bundle.js"
    },
    //配置loader
    resolveLoader:  {
        //1、配置默认先去node_modules下面找loader,找不到再来loaders下面找
        modules: [path.resolve(__dirname, "node_modules"), path.resolve(__dirname, "loaders")],
        //2、给自定义loader加上别名
        alias: {
            b:path.resolve(__dirname,"loaders/b.js")
        }
    },
    //loader的特点，功能单一，组合使用 style-loader less-loader css-loader loader不能有状态
    module:{
        rules:[//loader的类型 pre + normal + inline + post
            {
                exclude:/node_modules/,
                test:/\.js$/,
                use: {
                    loader: "babel-loader",
                    options: {
                        presets:[