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,再交给其他处理器处理

其他预处理语言同理

相关文章

这个问题和curl无法访问https资源是类似的,现在curl可以访问https资源,但是使用pecl安装扩展的时候不行...
在浏览器输入chrome://flags/回车,找到Omnibox UI Hide Steady-State URL Scheme and Trivial Subdoma...
方法一: 我们都知道Ubuntu有一个专门用来安装软件的工具apt,我们可以用它来全自动安装arm-linux-gcc。...
中文的windows下的cmd默认使用GBK的编码,敲代码时,页面使用的是UTF-8(65001),而powershell控制台默认...
提示错误: arm-linux-gcc:Command not found PATH里有/usr/oca/arm/bin,但是make的时候,就是找不到 a...
我在Graph API开发中用的最多的测试工具就是Graph Explore,这个是微软开发的网页版的Graph API的测试工...