vuejs：SCSS @import被忽略了

Question

我在两个项目中使用VueJS，并且一般都非常满意。

现在，我即将上线，并尝试使用npm run build生成文件（我从VueJS Webpack Simple模板启动了两个项目）。

一个项目，这是一个相当新的项目，按预期工作。另一个是在5月份启动的，并没有给出一堆在运行npm run dev时没有出现的弃用错误。

在更新了所有依赖项和配置后，我几乎让它再次运行。但是，现在，忽略了所有@import - 标记，实际上丢弃了我的所有SCSS。

我没有收到错误 - 渲染的内容根本就不存在。 JS正确呈现。

我希望我能提供更多信息，但我不知道如何解决这个问题。我不习惯使用Webpack，我认为导入只是在某处进行了优化。

两个项目都使用SCSS并具有相同的加载程序配置。

如果我将@import路径设置为错误路径，则会导致导入错误：

@import "./sass/_invalid_/forms";
^
File to import not found or unreadable: ./sass/_invalid_/forms.

所以它显然正确地读取了文件，但我没有输出。

我该如何解决这个问题？

Answer 1

当我将vue-loader升级到版本12.1.0时，出现了此问题。我在11.3.4中降级为package.json，这解决了我的问题。