在前端开发中,CSS 是一个必不可少的部分。而在 CSS 的预处理器中,Less 是其中最受欢迎的一种。为了在 Webpack 中使用 Less,我们需要使用 less-loader 这个插件。
安装 less-loader
在使用 less-loader 之前,我们需要先安装它。可以通过以下命令进行安装:
--- ------- ----------- ---- ----------
其中,less 是 Less 的解析器,也需要一起安装。
配置 webpack.config.js
在 Webpack 的配置文件中,我们需要添加对 Less 的支持。具体来说,就是在 module.rules 数组中添加一个新的规则:
-------------- - - -- --- ------- - ------ - -- --- - ----- ---------- ---- - --------------- ------------- ------------- - - - - --
在上面的代码中,我们使用了 style-loader、css-loader 和 less-loader 三个插件。它们的作用分别是:
- style-loader:将 CSS 插入到 HTML 中的