css - CSS 模块的 Emmet-Atom 自定义片段

Question

我将 CSS 模块与 ReactJs (jsx) 结合使用。有没有办法在 Emmet 或 Atom 中创建自定义代码段以使用 CSS 模块而不是常规类？

例如，目前Emmet的工作方式如下: .title扩展为 <div className="title"></div>

我希望能够创建类似于以下内容的代码段: .styles-title扩展为 <div className={styles.title}></div>

Answer 1

这实际上是相当棘手的。 Emmet 和 Atom 扩展都允许自定义，但 Atom 中的安全策略允许 not allow loading custom filters from outside the extension .

在正确方向的插入下(参见上面链接的 GitHub 问题)我能够写出 my own Atom extension that does this .