webpack4系列笔记三:配置CSS

前端之家收集整理的这篇文章主要介绍了webpack4系列笔记三:配置CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

处理CSS

webpack不仅可以处理js,还能通过loader引入任何其他类型的文件

css-loader和style-loader

css-loader主要是解释@import 和 url(),能将多个css合并成一个css

style-loader作用是将css插入到html中的head标签里面

这两者通常结合使用

为什么要拆成两个loader呢?
因为loader的原则是功能单一

配置

css-loader'
                ]
            }
        ]
    }
}

注意:

  1. loader的加载顺序是有先后的,
  2. 如果加载多个loader时,要放到数组里
  3. loader的执行顺序是从后到前

处理less

先安装

在rules中添加规则

 css
                ]
            },]
    }
}

注意loader加载是从后到前的,所以less-loader应该放在最后面,先将less转换为css,再交给其他处理器处理

其他预处理语言同理

原文链接:https://www.f2er.com/note/411429.html

猜你在找的程序笔记相关文章