2 - Loader

webpack 自身只能理解 JavaScript 和 JSON 文件。loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块，以供应用程序使用，以及被添加到依赖图中

一、安装依赖（以CSS为例）

yarn add style-loader css-loader

二、导入

#webpack.config.js
module:{
        rules:[
            {
                test:/\.css$/i,
                use:['style-loader','css-loader']
            }
        ]
    }

#webpack.config.js
const webpack=require("webpack") // 导入webpack
const path=require("path") // 导入路径处理包
const config={
    entry:path.resolve(__dirname,'./src/main.js'), //__dirname(当前目录下的) src文件的下的main.js文件
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    }, // 出口文件
    module:{
        rules:[
            {
                test:/\.css$/i,
                use:['style-loader','css-loader']
            }
        ]
    },
    mode:'development' // 模式
}
module.exports=config