SASS 是一款强大的 CSS 预处理器，它可以让我们在编写 CSS 时更加简洁、易读，并且支持变量、嵌套、Mixin、函数等高级功能。在前端开发中，SASS 已经成为了必备的工具之一。在本文中，我们将介绍如何安装 SASS 并配置 Sass-loader，以便在项目中使用 SASS。
安装 SASS
首先，我们需要在本地安装 SASS。SASS 可以通过命令行安装，使用以下命令：
--- ------- -- ----
这将在全局安装 SASS，我们可以在任何项目中使用它。
配置 Sass-loader
要在项目中使用 SASS，我们需要配置 Sass-loader。Sass-loader 是一个 Webpack 的 loader，它可以将 SASS 文件编译成 CSS。以下是 Sass-loader 的安装命令：
--- ------- ----------- --------- ------- ----------
安装完成后，我们需要在 Webpack 配置文件中添加 Sass-loader 的配置。以下是一个简单的 Webpack 配置文件示例：
-------------- - -
------ -----------------
------- -
----- --------- - --------
--------- -----------
--
------- -
------ -
-
----- ----------
---- -
---------------
-------------
-------------
-
-
-
-
--在这个配置文件中，我们使用了三个 loader：style-loader、css-loader 和 sass-loader。这三个 loader 的作用分别是：
- style-loader：将编译后的 CSS 插入到页面中的