主要介绍了webpack4处理SCSS的方法示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

本节课讲解在webpack v4中的 SCSS 提取和懒加载。值得一提的是，v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。 >>> 本节课源码 >>> 所有课程源码 1. 准备工作 关于 SCSS 处理的基础，请参考webpack4 处理 SCSS。 本节课主要涉及 SCSS 在懒加载下提取的相关配置和插件使用。 下图展示了这次的目录代码结构： 为了实现 SCSS 懒加载，我们使用了extract-text-webpack-plugin插件。 需

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