-
BEM块的SCSS变量由scss-vars-loader处理
资源介绍
@ funboxteam / scss-vars-loader
Webpack加载器，将$b变量声明注入到处理后的文件中，并以当前BEM块的名称作为值。
基本原理
当我们开发Web应用程序时，我们在文件系统上使用BEM。 有时，块变得太大而无法轻松处理，并且当您突然需要重命名块时，必须在每个文件中重写该名称。 为了使操作更容易一些，我们决定通过$b变量来统一SCSS文件中的块名称。
同时，它允许我们使用模板生成SCSS文件，而不必关心那里的选择器的正确名称。
入门
在您的项目中安装加载程序：
npm install --save-dev @funboxteam/scss-vars-loader
将其添加到项目的Webpack配置中，以便在sass-loader之前调用它：
module . exports = {
// ...
module : {
rules