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

【问题标题】：Emmet-Atom custom snippet for CSS moduleCSS 模块的 Emmet-Atom 自定义片段
【发布时间】：2016-10-30 04:12:53
【问题描述】：

我正在使用带有 ReactJs (jsx) 的 CSS 模块。有没有办法在 Emmet 或 Atom 中创建自定义 sn-p 以使用 CSS 模块而不是常规类？

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

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

【问题讨论】：

【解决方案1】：

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

在正确的方向上进行了一些推动（请参阅上面链接的 GitHub 问题），我能够写 my own Atom extension that does this。

【讨论】：