
直接在main.js中引入scss文件会导致组件报错,而使用style-resources-loader则不会,这是因为两者处理scss的方式不同。
style-resources-loader的作用是将scss文件中的变量和mixin等资源注入到其他样式文件中,它在vue.config.js中配置,其作用域限定在样式文件内。因此,它能够正确地处理scss资源,并在组件的标签中使用这些资源。
然而,在main.js中引入scss文件,试图将其作为JavaScript模块来处理,这超出了style-resources-loader的作用范围。main.js主要用于初始化应用程序,它不具备处理scss文件的能力,因此会导致错误。 scss文件需要被编译成CSS才能被浏览器解析,而main.js无法完成这个编译过程。
立即学习“前端免费学习笔记(深入)”;










