如何使用Webpack / PostCSS为第三方CSS类添加自定义前缀?

时间:2018-01-23 00:17:05

标签: css ruby-on-rails webpack postcss webpacker

我正在使用Webpacker为Rails应用构建资源。我想为来自第三方CSS框架的所有类名添加自定义前缀。例如,Bulma中的样式应转换为使用bulma_button作为选择器,而不仅仅是button

postcss-prefixer是一个PostCSS插件,似乎可以为我想要的样式表添加自定义前缀。但是,我仍然需要使它只是来自特定NPM包的类的前缀。

这就是我坚持为第三方样式添加前缀的路径:如何将PostCSS插件仅应用于某个node_modules目录并将结果导入我的入口点样式表?我试过分解Webpacker提供的加载器管道并操纵test / include / exclude Webpack配置值,但似乎我只能成功影响整个样式表,包括编译包括我的风格,我不想添加前缀。

对特定PostCSS插件问题的任何帮助或者为第三方CSS添加前缀的总体目标表示赞赏。如果认为有用,我会链接到示例应用程序。

0 个答案:

没有答案