2016-06-07 96 views
0

我正在使用scss loader通過webpack在我的項目中加載scss文件。一切工作正常,但CSS。 所有的css都會形成,但會泄露出組件,即如果在我的組件外聲明相同的css類,它將被組件外部的組件覆蓋。 有人可以告訴我,如果webpack有任何配置,允許css的作用域被限制在它導入的javascript類中,而不是全局暴露嗎? 謝謝 SamirWebpack scss包裝

回答

0

你在找什麼是CSS Modules
github回購包含所有您需要的信息,但總之,它將所有樣式文件都轉換爲require s/import s。
爲了使全局風格元素作用域可以使用:global()僞類。

+0

感謝Gershon的回覆。它爲我做了詭計。雖然我無法訪問我的scss文件中的嵌套類。我需要做什麼配置才能使它像那樣工作? – user1845926

+0

我對scss不是很熟悉,但是當我嵌套元素時(使用postcss插件),我使用'&.nested'嵌套而不是嵌套css選擇器 –