在我的项目中，我发现我的页面中注入了样式重复，因此为了解决这个问题，我必须使用 @use 而不是使用 @import。在这一举措之后，我发现它也给了我重复，即使在文档中它说你可以使用 @use 而不会重复。
我发现问题在于，由于我将 sass 导入 javascript 会创建重复项，如果删除所有 javascript sass 导入并仅使用 @use，它工作正常，但我想了解我应该如何使用此功能。
我的项目分为不同的模块，这里有一个例子：
/header/
--- header.pug
--- header.js
--- header.sass
/footer/
--- footer.pug
--- footer.js
--- footer.sass
index.pug
index.js // Before i was importing header and sass here
index.sass // Now here i use @use and import header.sass and footer.sass
我发现解决这个问题的方法是将所有 SASS 文件直接链接在一起，而无需将它们导入到我的 JS 文件中。
如果你想使用 @use 你不能在 JS 中导入它们，因为 SASS 需要知道是否以及如何处理导入的文件以防止重复
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句