webpack解析CSS样式

2019-11-19  本文已影响0人  小蜗牛的碎碎步
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

上一篇 下一篇

猜你喜欢

热点阅读