CSS 模块的 Emmet-Atom 自定义代码段
Emmet-Atom custom snippet for CSS module
我正在使用 CSS 模块和 ReactJs (jsx)。有没有办法在 Emmet 或 Atom 中创建自定义代码段以使用 CSS 模块而不是常规 类？
例如，目前Emmet的工作方式如下：
.title 扩展为 <div className="title"></div>
我希望能够创建类似于以下内容的代码段：
.styles-title 扩展为 <div className={styles.title}></div>
这实际上是相当棘手的。 Emmet 和 Atom 扩展都允许自定义，但 Atom 中的安全策略允许 not allow loading custom filters from outside the extension。
在正确方向的推动下（参见上面链接的 GitHub 问题）我能够写出 my own Atom extension that does this.
我正在使用 CSS 模块和 ReactJs (jsx)。有没有办法在 Emmet 或 Atom 中创建自定义代码段以使用 CSS 模块而不是常规 类？
例如，目前Emmet的工作方式如下：
.title 扩展为 <div className="title"></div>
我希望能够创建类似于以下内容的代码段：
.styles-title 扩展为 <div className={styles.title}></div>
这实际上是相当棘手的。 Emmet 和 Atom 扩展都允许自定义，但 Atom 中的安全策略允许 not allow loading custom filters from outside the extension。
在正确方向的推动下（参见上面链接的 GitHub 问题）我能够写出 my own Atom extension that does this.