文件名称：react-css-modules.macro：一个babel-macro，可让您通过styleName属性引用CSS模块
文件大小：107KB
文件格式：ZIP
更新时间：2024-02-20 20:42:44
babel babel-macros babel-plugin-macros BabelJavaScript
react-css-modules.macro 受到启发 :raising_hands: 动机 在CSS Loader的支持下，CSS模块成为一种常见的用例，尤其是在。 缺点之一是，您不得不通过对象键来访问样式图，这不太方便。 import React , { Component } from 'react' ; import styles from './Button.module.css' ; // Import css modules stylesheet as styles import './another-stylesheet.css' ; // Import regular stylesheet class Button extends Component { render ( ) { // reference as a js object return < button className = { styles . error } > Error Button < / button > ; } } 解决方案之一是使用但是您需要弹出或重新布
【文件预览】：
react-css-modules.macro-master
----yarn.lock(245KB)
----src()
--------__tests__()
--------bindStyleName.js(1KB)
--------index.js(79B)
--------bindStyleNamePure.js(134B)
--------bindStyleNameMemo.js(164B)
--------macro.js(7KB)
----babel.config.js(79B)
----LICENSE(1KB)
----.prettierrc(29B)
----README.md(4KB)
----dist()
--------react-css-modules.macro.umd.js.map(12KB)
--------bindStyleNameMemo.umd.js.map(2KB)
--------bindStyleNameMemo.mjs(836B)
--------bindStyleNamePure.mjs.map(2KB)
--------react-css-modules.macro.mjs.map(12KB)
--------react-css-modules.macro.js(4KB)
--------react-css-modules.macro.umd.js(4KB)
--------bindStyleNameMemo.js.map(2KB)
--------bindStyleNameMemo.umd.js(1KB)
--------bindStyleNamePure.umd.js.map(2KB)
--------bindStyleNamePure.js.map(2KB)
--------bindStyleNameMemo.mjs.map(2KB)
--------react-css-modules.macro.js.map(12KB)
--------react-css-modules.macro.mjs(4KB)
--------bindStyleNamePure.umd.js(972B)
--------bindStyleNamePure.js(801B)
--------bindStyleNamePure.mjs(797B)
--------bindStyleNameMemo.js(895B)
----.gitignore(39B)
----package.json(1KB)