手写webpack的babel-loader、url-loader、file-loader

自定义loader

//仿写babel-loader
需要下载@babel/core @babel/preset-env
npm i @babel/core @babel/preset-env -D


const path=require('path')
const HtmlWebpackPlugin=require('html-webpack-plugin')
module.exports={
   
    mode:'development',
    entry:'./src/index.js',
    output:{
   
        filename:'js/[name].js',
        path:path.join(__dirname,'./bundle')
    },
    plugins:[
        new HtmlWebpackPlugin({
   
            filename:'index.html',
            template:''
        })
    ],
    resolveLoader:{
     // ② 先从node_modules中找loader,再从第二个路劲中找
       modules

你可能感兴趣的:(Webpack,webpack,前端)