Skip to content

Commit f6cb5d5

Browse files
sonofmagicsonofmagic
committed
feat: add tailwind v4 import fallback
1 parent 33fc23c commit f6cb5d5

15 files changed

Lines changed: 1366 additions & 900 deletions

File tree

‎.changeset/tailwind-v4-import-fallback.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"weapp-tailwindcss": minor
3+
---
4+
5+
默认开启 Tailwind CSS v4 生成模式的 `@import "weapp-tailwindcss"` 兜底识别，并新增 `generator.importFallback` 配置用于显式关闭。该能力用于框架无法完成 `@import "tailwindcss"` 转写时，仍让两种入口产出保持一致。

‎e2e/__snapshots__/apps-generator-mode/compare/report.json‎

Lines changed: 2 additions & 164 deletions
Original file line numberDiff line numberDiff line change
@@ -5877,7 +5877,7 @@
58775877
],
58785878
"status": "passed",
58795879
"generator": {
5880-
"bytes": 487203,
5880+
"bytes": 493749,
58815881
"selectors": [
58825882
".-m-_b20px_B",
58835883
".-mt-2",
@@ -6238,61 +6238,7 @@
62386238
".prose-2xl > .ul > .li > view:first-child",
62396239
".prose-2xl > .ul > .li > view:last-child",
62406240
".prose-2xl [class~='lead']",
6241-
".prose-base .blockquote",
6242-
".prose-base .code",
6243-
".prose-base .figcaption",
6244-
".prose-base .figure",
6245-
".prose-base .figure > text",
6246-
".prose-base .figure > view",
6247-
".prose-base .h1",
6248-
".prose-base .h2",
6249-
".prose-base .h2 + text",
6250-
".prose-base .h2 + view",
6251-
".prose-base .h2 .code",
6252-
".prose-base .h3",
6253-
".prose-base .h3 + text",
6254-
".prose-base .h3 + view",
6255-
".prose-base .h3 .code",
6256-
".prose-base .h4",
6257-
".prose-base .h4 + text",
6258-
".prose-base .h4 + view",
6259-
".prose-base .hr",
6260-
".prose-base .hr + text",
6261-
".prose-base .hr + view",
6262-
".prose-base .img",
6263-
".prose-base .kbd",
6264-
".prose-base .li",
6265-
".prose-base .ol",
6266-
".prose-base .ol .ol",
6267-
".prose-base .ol .ul",
6268-
".prose-base .ol > .li",
6269-
".prose-base .p",
6270-
".prose-base .picture > .img",
6271-
".prose-base .pre",
62726241
".prose-base .table",
6273-
".prose-base .tbody .td",
6274-
".prose-base .tbody .td:first-child",
6275-
".prose-base .tbody .td:last-child",
6276-
".prose-base .tfoot .td",
6277-
".prose-base .tfoot .td:first-child",
6278-
".prose-base .tfoot .td:last-child",
6279-
".prose-base .thead .th",
6280-
".prose-base .thead .th:first-child",
6281-
".prose-base .thead .th:last-child",
6282-
".prose-base .ul",
6283-
".prose-base .ul .ol",
6284-
".prose-base .ul .ul",
6285-
".prose-base .ul > .li",
6286-
".prose-base .video",
6287-
".prose-base > .ol > .li > text:first-child",
6288-
".prose-base > .ol > .li > text:last-child",
6289-
".prose-base > .ol > .li > view:first-child",
6290-
".prose-base > .ol > .li > view:last-child",
6291-
".prose-base > .ul > .li .p",
6292-
".prose-base > .ul > .li > text:first-child",
6293-
".prose-base > .ul > .li > text:last-child",
6294-
".prose-base > .ul > .li > view:first-child",
6295-
".prose-base > .ul > .li > view:last-child",
62966242
".prose-h1_ctext-sky-500 .h1",
62976243
".prose-h2_ctext-yellow-500 .h2",
62986244
".prose-h5_ctext-green-400 .h5",
@@ -6303,61 +6249,7 @@
63036249
".prose-headings_cbg-red-100 .h5",
63046250
".prose-headings_cbg-red-100 .h6",
63056251
".prose-headings_cbg-red-100 .th",
6306-
".prose-lg .blockquote",
6307-
".prose-lg .code",
6308-
".prose-lg .figcaption",
6309-
".prose-lg .figure",
6310-
".prose-lg .figure > text",
6311-
".prose-lg .figure > view",
6312-
".prose-lg .h1",
6313-
".prose-lg .h2",
6314-
".prose-lg .h2 + text",
6315-
".prose-lg .h2 + view",
6316-
".prose-lg .h2 .code",
6317-
".prose-lg .h3",
6318-
".prose-lg .h3 + text",
6319-
".prose-lg .h3 + view",
6320-
".prose-lg .h3 .code",
6321-
".prose-lg .h4",
6322-
".prose-lg .h4 + text",
6323-
".prose-lg .h4 + view",
6324-
".prose-lg .hr",
6325-
".prose-lg .hr + text",
6326-
".prose-lg .hr + view",
6327-
".prose-lg .img",
6328-
".prose-lg .kbd",
6329-
".prose-lg .li",
6330-
".prose-lg .ol",
6331-
".prose-lg .ol .ol",
6332-
".prose-lg .ol .ul",
6333-
".prose-lg .ol > .li",
6334-
".prose-lg .p",
6335-
".prose-lg .picture > .img",
6336-
".prose-lg .pre",
63376252
".prose-lg .table",
6338-
".prose-lg .tbody .td",
6339-
".prose-lg .tbody .td:first-child",
6340-
".prose-lg .tbody .td:last-child",
6341-
".prose-lg .tfoot .td",
6342-
".prose-lg .tfoot .td:first-child",
6343-
".prose-lg .tfoot .td:last-child",
6344-
".prose-lg .thead .th",
6345-
".prose-lg .thead .th:first-child",
6346-
".prose-lg .thead .th:last-child",
6347-
".prose-lg .ul",
6348-
".prose-lg .ul .ol",
6349-
".prose-lg .ul .ul",
6350-
".prose-lg .ul > .li",
6351-
".prose-lg .video",
6352-
".prose-lg > .ol > .li > text:first-child",
6353-
".prose-lg > .ol > .li > text:last-child",
6354-
".prose-lg > .ol > .li > view:first-child",
6355-
".prose-lg > .ol > .li > view:last-child",
6356-
".prose-lg > .ul > .li .p",
6357-
".prose-lg > .ul > .li > text:first-child",
6358-
".prose-lg > .ul > .li > text:last-child",
6359-
".prose-lg > .ul > .li > view:first-child",
6360-
".prose-lg > .ul > .li > view:last-child",
63616253
".prose-sm",
63626254
".prose-sm .blockquote",
63636255
".prose-sm .code",
@@ -6419,61 +6311,7 @@
64196311
".prose-sm > .ul > .li > view:first-child",
64206312
".prose-sm > .ul > .li > view:last-child",
64216313
".prose-sm [class~='lead']",
6422-
".prose-xl .blockquote",
6423-
".prose-xl .code",
6424-
".prose-xl .figcaption",
6425-
".prose-xl .figure",
6426-
".prose-xl .figure > text",
6427-
".prose-xl .figure > view",
6428-
".prose-xl .h1",
6429-
".prose-xl .h2",
6430-
".prose-xl .h2 + text",
6431-
".prose-xl .h2 + view",
6432-
".prose-xl .h2 .code",
6433-
".prose-xl .h3",
6434-
".prose-xl .h3 + text",
6435-
".prose-xl .h3 + view",
6436-
".prose-xl .h3 .code",
6437-
".prose-xl .h4",
6438-
".prose-xl .h4 + text",
6439-
".prose-xl .h4 + view",
6440-
".prose-xl .hr",
6441-
".prose-xl .hr + text",
6442-
".prose-xl .hr + view",
6443-
".prose-xl .img",
6444-
".prose-xl .kbd",
6445-
".prose-xl .li",
6446-
".prose-xl .ol",
6447-
".prose-xl .ol .ol",
6448-
".prose-xl .ol .ul",
6449-
".prose-xl .ol > .li",
6450-
".prose-xl .p",
6451-
".prose-xl .picture > .img",
6452-
".prose-xl .pre",
64536314
".prose-xl .table",
6454-
".prose-xl .tbody .td",
6455-
".prose-xl .tbody .td:first-child",
6456-
".prose-xl .tbody .td:last-child",
6457-
".prose-xl .tfoot .td",
6458-
".prose-xl .tfoot .td:first-child",
6459-
".prose-xl .tfoot .td:last-child",
6460-
".prose-xl .thead .th",
6461-
".prose-xl .thead .th:first-child",
6462-
".prose-xl .thead .th:last-child",
6463-
".prose-xl .ul",
6464-
".prose-xl .ul .ol",
6465-
".prose-xl .ul .ul",
6466-
".prose-xl .ul > .li",
6467-
".prose-xl .video",
6468-
".prose-xl > .ol > .li > text:first-child",
6469-
".prose-xl > .ol > .li > text:last-child",
6470-
".prose-xl > .ol > .li > view:first-child",
6471-
".prose-xl > .ol > .li > view:last-child",
6472-
".prose-xl > .ul > .li .p",
6473-
".prose-xl > .ul > .li > text:first-child",
6474-
".prose-xl > .ul > .li > text:last-child",
6475-
".prose-xl > .ul > .li > view:first-child",
6476-
".prose-xl > .ul > .li > view:last-child",
64776315
".px-2",
64786316
".px-4",
64796317
".px-_b32px_B",
@@ -9164,7 +9002,7 @@
91649002
],
91659003
"status": "passed",
91669004
"generator": {
9167-
"bytes": 33905,
9005+
"bytes": 33934,
91689006
"selectors": [
91699007
".-inset-1",
91709008
".-inset-_b1rpx_B",

‎e2e/__snapshots__/apps-generator-mode/compare/report.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@ This report is generated by `pnpm e2e:apps-generator`. It builds each retained d
1818
| taro-webpack-vue3-tailwindcss-v4 | demo | passed | `taro-webpack-vue3-tailwindcss-v4/dist/app.wxss` (+3) | 4531 | 18 | no | no | no | no | yes |
1919
| taro-vite-vue3-tailwindcss-v3 | demo | passed | `taro-vite-vue3-tailwindcss-v3/dist/app.wxss` (+3) | 10170 | 24 | no | no | no | no | yes |
2020
| taro-vite-vue3-tailwindcss-v4 | demo | passed | `taro-vite-vue3-tailwindcss-v4/dist/app.wxss` (+2) | 11089 | 44 | no | no | no | no | yes |
21-
| uni-app-vite-tailwindcss-v3 | demo | passed | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+12) | 487203 | 3000 | no | no | no | no | yes |
21+
| uni-app-vite-tailwindcss-v3 | demo | passed | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+12) | 493749 | 2838 | no | no | no | no | yes |
2222
| uni-app-vite-tailwindcss-v4 | demo | passed | `uni-app-vite-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+4) | 140805 | 240 | no | no | no | no | yes |
23-
| weapp-vite-tailwindcss-v3 | demo | passed | `weapp-vite-tailwindcss-v3/dist/app.wxss` (+5) | 33905 | 144 | no | no | no | no | yes |
23+
| weapp-vite-tailwindcss-v3 | demo | passed | `weapp-vite-tailwindcss-v3/dist/app.wxss` (+5) | 33934 | 144 | no | no | no | no | yes |
2424
| weapp-vite-tailwindcss-v4 | demo | passed | `weapp-vite-tailwindcss-v4/dist/app.wxss` (+4) | 20551 | 59 | no | no | no | no | yes |
2525

2626
## Notes

‎e2e/__snapshots__/apps-generator-mode/compare/report.zh-CN.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@
1818
| taro-webpack-vue3-tailwindcss-v4 | demo | 通过 | `taro-webpack-vue3-tailwindcss-v4/dist/app.wxss` (+3) | 4531 | 18 | 否 | 否 | 否 | 否 | 是 |
1919
| taro-vite-vue3-tailwindcss-v3 | demo | 通过 | `taro-vite-vue3-tailwindcss-v3/dist/app.wxss` (+3) | 10170 | 24 | 否 | 否 | 否 | 否 | 是 |
2020
| taro-vite-vue3-tailwindcss-v4 | demo | 通过 | `taro-vite-vue3-tailwindcss-v4/dist/app.wxss` (+2) | 11089 | 44 | 否 | 否 | 否 | 否 | 是 |
21-
| uni-app-vite-tailwindcss-v3 | demo | 通过 | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+12) | 487203 | 3000 | 否 | 否 | 否 | 否 | 是 |
21+
| uni-app-vite-tailwindcss-v3 | demo | 通过 | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+12) | 493749 | 2838 | 否 | 否 | 否 | 否 | 是 |
2222
| uni-app-vite-tailwindcss-v4 | demo | 通过 | `uni-app-vite-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+4) | 140805 | 240 | 否 | 否 | 否 | 否 | 是 |
23-
| weapp-vite-tailwindcss-v3 | demo | 通过 | `weapp-vite-tailwindcss-v3/dist/app.wxss` (+5) | 33905 | 144 | 否 | 否 | 否 | 否 | 是 |
23+
| weapp-vite-tailwindcss-v3 | demo | 通过 | `weapp-vite-tailwindcss-v3/dist/app.wxss` (+5) | 33934 | 144 | 否 | 否 | 否 | 否 | 是 |
2424
| weapp-vite-tailwindcss-v4 | demo | 通过 | `weapp-vite-tailwindcss-v4/dist/app.wxss` (+4) | 20551 | 59 | 否 | 否 | 否 | 否 | 是 |
2525

2626
## 说明

0 commit comments

Comments
 (0)