我正在使用Webpacker为 Rails 应用程序构建资产。我想为来自 3rd 方 CSS 框架的所有类名添加自定义前缀。例如,来自Bulma的样式应该转换为bulma_button用作选择器,而不仅仅是button.
postcss-prefixer是一个 PostCSS 插件,似乎可以像我想要的那样向样式表添加自定义前缀。但是,我仍然需要使它仅作为来自特定 NPM 包的类的前缀。
这就是我在为 3rd 方样式添加前缀的路径上卡住的地方:如何将 PostCSS 插件仅应用于某个node_modules目录并将结果导入到我的入口点样式表中?我试图打破了由Webpacker提供的装载机管道和操纵test/ include/exclude的WebPack配置值,但似乎我只能成功的影响是被编译包括我的风格,我不希望前缀整个样式表。
任何有关特定 PostCSS 插件问题的帮助或为第 3 方 CSS 加上前缀的总体目标表示赞赏。如果认为有用,我将链接到示例应用程序。