webpack 拆分css代码

要拆分css，就必须把css当成像js那样的模块；要把css当成模块，就必须有一个构建工具（webpack），它具备合并代码的能力
而webpack本身只能读取css文件的内容、将其当作JS代码进行分析，因此，会导致错误
于是，就必须有一个loader，能够将css代码转换为js代码
所需要的插件：
css-loader的作用，就是将css代码转换为js代码
style-loader可以将css-loader转换后的代码进一步处理，将css-loader导出的字符串加入到页面的style元素中
file-loader或url-loader 将其css代码中导入的静态文件进行转换

案例

module.exports = {
    module:"development",
    devtool:'source-map',
    module:{
        rules:[
            {
                test: /\.css$/,
                use:['style-loader','css-loader']
            },
            {
                test:/\.(jpg|png|gif)$/,
                use:"file-loader"
            }
        ]
    }
}