CSS

1. 处理 .css 文件

css-loader

2. 处理 .less 文件：

less-loader

3. 处理 .sass 或 .scss 文件：

sass-loader 与 sass，无需安装 node-sass。

sass-loader@^13.2.0 sass-loader@^7.1.0

sass-loader

• Dart Sass 实际上内置到了 sass 包内，只需要 yarn add sass -D。
• Node Sass 不推荐使用。与 Node 版本有很强的关联性，不好用，安装大概率失败。yarn add node-sass。
• Sass Embedded

解决当使用sass-loader和sass时，/deep/不起作用

深度选择器：

• Dart Sass 支持 ::v-deep
• Node Sass 支持 /deep/

Less 的话，既支持 ::v-deep，又支持 /deep/。

最新版本的深度选择器是 :deep(<inner-selector>)。

.sass 文件或者 .scss 文件

上述二者，有一些处理区别，可见Sass vs Scss

4. 处理 .styl(us) 文件

stylus-loader stylus

5. PostCss

postcss-loader 以及 postcss