//现创建一个背景图片
let bagImg  = document.createElement('div')

bagImg.className = 'bagImg'

document.body.appendChild(bagImg)

//需要安装 一个 依赖  file-loader
//   npm install file-loader
//在 webpack.config.js里面配置

const { options } = require('less')
const path = require('path')
module.exports = {
    entry: './src/main.js',//出口名字
    output: {
        path: path.resolve(__dirname, './build'),//打包文件家的名字
        filename: 'main.js'//打包出来的.js的名字
    },
    module: {
        rules: [
            {//创建css-loader
                test: /\.css$/,//匹配css字符
                // 语法糖（loader: "css-loader"）
                // loader: "css-loader"
                // 完整写法
                use: [//从下到上执行
                    "style-loader",
                    "css-loader",
                ]
            },
            // 配置less
            {
                test:/\.less$/,//匹配less
                use:[
                    "style-loader",
                    "css-loader",
                    "less-loader"
                ]
            },
            // 配置图片（这里是配置背景图片和img图片）
            {
                test:/\.(gif|pan|jpeg|svg)$/,
                use:{
                    loader:'file-loader',
                    options:{
                        // outputPath:'img',//设置打包成功后图片的文件夹名字
                        name:'img/[name]_[hash:6].[ext]',//[name]:站位 [hash:6]:hash意思是阿西值站6为  ,[ext]: 匹配图片的扩展名字 列入 .png或者其他 等


                    }

                }

            }

        ]
    }
}