webpack4系列笔记三：配置CSS

发布时间：2020-12-15 01:14:57 所属栏目：C语言来源：网络整理

导读：处理CSS webpack不仅可以处理js，还能通过 loader 引入任何其他类型的文件 css-loader和style-loader css-loader主要是解释@import 和 url()，能将多个css合并成一个css style-loader作用是将css插入到html中的head标签里面这两者通常结合使用为什么要拆成

处理CSS

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

css-loader和style-loader

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

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

这两者通常结合使用

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

配置


注意：

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

处理less
先安装

在rules中添加规则
 css
                ]
            },]
    }
}
注意loader加载是从后到前的，所以less-loader应该放在最后面，先将less转换为css，再交给其他处理器处理
其他预处理语言同理
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!