VUE2升级到VUE3,SCSS :export失效解决方案

问题描述

由于项目需要原因,将vue版本从2升级到3,项目启动后,发现部分样式丢失,后经调试发现是由于SCSS文件中的export失效不起作用引起。

问题关键

在vue项目中,可以通过 style module 以开箱即用的方式在 *.vue 文件中使用 CSS 模块。
但是想在 JavaScript 中作为 CSS 模块导入 CSS 或其它预处理文件,该文件应该以 .module.(css|less|sass|scss|styl) 结尾,因为以 .module.scss (scss会翻译成css)为后缀名的 CSS 文件都被认为是一个CSS模块文件。导入这样的文件会返回一个相应的模块对象;

问题解决

在scss文件名后缀前添加“.module”,如:
test.scss =>test.module.scss

你可能感兴趣的:(scss,vue.js,前端)