我正在使用Webpacker为Rails应用构建资源。我想为来自第三方CSS框架的所有类名添加自定义前缀。例如,Bulma中的样式应转换为使用bulma_button
作为选择器,而不仅仅是button
。
postcss-prefixer
是一个PostCSS插件,似乎可以为我想要的样式表添加自定义前缀。但是,我仍然需要使它只是来自特定NPM包的类的前缀。
这就是我坚持为第三方样式添加前缀的路径:如何将PostCSS插件仅应用于某个node_modules
目录并将结果导入我的入口点样式表?我试过分解Webpacker提供的加载器管道并操纵test
/ include
/ exclude
Webpack配置值,但似乎我只能成功影响整个样式表,包括编译包括我的风格,我不想添加前缀。
对特定PostCSS插件问题的任何帮助或者为第三方CSS添加前缀的总体目标表示赞赏。如果认为有用,我会链接到示例应用程序。