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