八相间前端放出尾风

这个图书馆是为了给你带来现代的前端开发工具 八班波列尔普拉特 或者说 八班波来尔普拉特插件,但您可以在 WordPress 任何项目中使用.

文档

完整文件请检查 链接。 。 。 .

尾风类起伏

两个工具检查课程 与您的项目自己的 Tailwind 条目: 牛林为JS,和 tw-sweep 用于块列表和PHP。 两人都读出一个忽略列表.

1. 添加 oxlint 到您的项目 devDependencies隔离装置(pnpm, bun --linker isolated)不要曝光此包的二进制.

2. 创建 oxlint.config.ts数字 :

   import { defineConfig } from 'oxlint';
   import { createOxlintConfig } from '@eightshift/frontend-libs-tailwind/linters/oxlint.config.mjs';
   
   export default defineConfig(createOxlintConfig({ entryPoint: 'tailwind.css' }));
   

3. 创建 tw-ignore.json 非 Tailwind 工具的类(JS钩、BEM选择器、其他设计系统前缀)。 它是一个JSON Regex字符串的阵列;一个无效的图案会阻止两种工具:

   ["^es:", "^js-", "^my-block__"]
   

4. 接通剧本. 阶段不通过 shell 运行命令,所以使用数组代替 &&数字 :

   "scripts": {
    "lintJs:oxlint": "oxlint",
    "lintTw": "tw-sweep",
    "test": "bun run lintJs && bun run lintJs:oxlint && bun run lintTw"
   },
   "lint-staged": {
    "*.js": ["bun lintJs", "bun lintJs:oxlint"],
    "src/Blocks/**/manifest.json": "tw-sweep",
    "src/**/*.php": "tw-sweep"
   }
   

tw-sweep * 报告不明和非分类; tw-sweep --write 重写非咒语. PHP 读取静态 class="…" 属性和字符串参数 tailwindClasses, (中文(简体) ), getTwPart, (中文(简体) ), getTwClasses, (中文(简体) ), clsx 财务报告和审定财务报表 classnames。对于没有帮助者包装的类地图,如筛选器从过滤器返回,请标记代码:

// tw-sweep-classes-start.
$selectors['field']['parts']['label'] = ['flex items-center text-body-sm'];
// tw-sweep-classes-end.

选中非数组密钥的标记之间的每个字符串字元 。 运行 tw-sweep --help 所有旗帜.

我和谁说话?

如果你有任何问题,请 打开一个问题 我们会尽力及时回答你.

维护者

八班前端 Libs Tailwind 维护并赞助 八班制 财务报告和审定财务报表 无穷。 。 。 .

许可证

八相间前端放出尾风 八班制 财务报告和审定财务报表 无穷。这是自由软件,可以根据 LICENSE 文件中规定的条件重新分配.