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中插入以下代码添加配置非必须
本文来自博客园,作者:瘦腿先生Stephen,转载请注明原文链接:https://www.cnblogs.com/Stephen-leg/p/18142180