如何使用带有chrome扩展的CSS预处理器？

我正在制作一个chrome扩展，它使用内容脚本在当前页面中插入元素和样式表

e、 g

---

问题：我必须在chrome扩展上的上下文中预处理CSS的哪些选项，以及每个选项的优缺点是什么？

你真的能够选择一个你所问问题的最佳答案吗？很好。在任何情况下，我发现我可以简单地在开发中使用我想要的任何东西，并将结果粘贴到一个用于生产的文件中（纯css）。在中查找“将CSS输出用于生产！”

"content_scripts":
  [
    {
      "matches": ["<all_urls>"],
      "css": ["styles.css"],
      "js": ["jq.js", "insertElements.js"],
    }
  ]

p.myVeryUniqueClassName_qwertyuiopasdfghjklxcvbnm
{
  @extend .blockReset
}

table.myVeryUniqueClassName_qwertyuiopasdfghjklxcvbnm
{
  @extend .tableReset
}