这节课讲解webpack4中处理scss。只需要在处理css的配置上增加编译scss的 LOADER 即可。
1. 准备工作
为了方便叙述，这次代码目录的样式文件只有一个scss文件，以帮助我们了解核心 LOADER 的使用。
下图展示了这次的目录代码结构： 目录结构
这次我们需要用到node-sass，sass-loader等 LOADER，package.json如下：
其中，base.scss代码如下：
index.html代码如下：
Document
这节课讲解webpack4中处理scss。只需要在处理css的配置上增加编译scss的 LOADER 即可。
为了方便叙述，这次代码目录的样式文件只有一个scss文件，以帮助我们了解核心 LOADER 的使用。
下图展示了这次的目录代码结构： 目录结构
这次我们需要用到node-sass，sass-loader等 LOADER，package.json如下：
其中，base.scss代码如下：
index.html代码如下：