loader

webpack自身只能处理js和json文件，加上loader后，能让webpack处理非js和json文件，loader可以将所有类型的文件转换为webpack能够处理的有效模块

项目加载css

  1. cnpm i style-loader css-loader -S
// main.js
import './assets/index.css'
console.log("hello world")

const webpack = require("webpack")
const path = require("path")
const config ={
    entry:path.resolve(__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;