Failed to resolve loader: sass-loader

错误现象:

原因是工程里缺少sass-loader 和 node-sass依赖,需要安装。
sass-loader的作用:> https://www.sass.hk/docs/#google_vignette

Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。
完全兼容 CSS3
在 CSS 基础上增加变量、嵌套 (nesting)、混合 (mixins) 等功能
通过函数进行颜色值与属性值的运算
提供控制指令 (control directives)等高级功能
自定义输出格式
解决办法,安装依赖到项目中。必须对比你的node版本来安装对应的sass 版本。

安装命令:
npm i -D node-sass@4.12.0
npm i -D sass-loader@7.1.0
安装成功:

安装使用要在build/webpack.base.conf.jsde。在module的rules中插入以下代码添加配置非必须

posted @ 2024-04-18 08:42  瘦腿先生Stephen  阅读(86)  评论(0编辑  收藏  举报