webpack 自定义loader

main.js 文件

function A() {
    console.log('hello world');
}

webpack.config.js 文件

const path = require('path'); 

module.exports = {
    entry: path.join(__dirname, './main.js'), 
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js' 
    },
    mode: "development",    

    
    resolveLoader: {
        modules: ['./node_modules', './loader']
    },
    //上述配置的意思是当需要使用Loader的时候，
    //先去./node_modules里寻找，找不到就到./loader目录里去找
    //这样我们就可以在下面的rules配置部分直接写loader文件名即可

    module: {
        rules: [ //这里用来写需要文件转换或者识别而采用的loader
            {

            }            
        ]
    },
};

./loader/lll-js-replace-loader.js 自定义的loader文件

//Webpack的官方文档推荐的是通过loader-utils这个库来获取配置文件中传入的配置项
const loaderUtils &