webpack解析CSS样式

cnpm i style-loader css-loader -D

style-loader

将样式通过<style>标签插入到head中

css-loader

用来加载.css文件，并且转换成commonjs对象

module:{
        rules:[
            {
                test:/.css$/,
                //"style-loader必须在css-loader之前
                use:[
                    'style-loader',
                    'css-loader'
                ]
            }
        ]
    }

less-loader

cnpm i less less-loader -D

module:{
        rules:[
            {
                test:/.less$/,
                use:[
                    'style-loader',
                    'css-loader',
                    'less-loader'
                ]
            }
        ]
    }

注意：loader的解析顺序是从右至左，先执行css-loader再将css-loader解析后的结果传递给style-loader