From 75ebc3b7d91aa6c249dcf2acc02072f69c159851 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?= Date: Thu, 5 Sep 2024 20:25:10 +0800 Subject: [PATCH] feat(examples): add ` diff --git a/examples/webpack/package.json b/examples/webpack/package.json index cafd9d8..2e70ed5 100644 --- a/examples/webpack/package.json +++ b/examples/webpack/package.json @@ -12,8 +12,10 @@ "devDependencies": { "@swc/core": "^1.7.23", "@types/webpack": "^5.28.5", + "css-loader": "^7.1.2", "html-webpack-plugin": "^5.6.0", "serve": "^14.2.3", + "style-loader": "^4.0.0", "sucrase": "^3.35.0", "swc-loader": "^0.2.6", "unplugin-vue": "workspace:*", diff --git a/examples/webpack/src/App.vue b/examples/webpack/src/App.vue index 638b3af..17048ce 100644 --- a/examples/webpack/src/App.vue +++ b/examples/webpack/src/App.vue @@ -5,8 +5,14 @@ const msg = ref('') + + diff --git a/examples/webpack/webpack.config.ts b/examples/webpack/webpack.config.ts index 5ffc223..5f19266 100644 --- a/examples/webpack/webpack.config.ts +++ b/examples/webpack/webpack.config.ts @@ -13,9 +13,14 @@ const config: Configuration = { { enforce: 'post', test: /\.m?ts$/, - exclude: /(node_modules)/, + exclude: /node_modules/, use: { loader: 'swc-loader' }, }, + { + test: /\.css$/, + enforce: 'post', + use: ['style-loader', 'css-loader'], + }, ], }, plugins: [ diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 32bac53..b3d21bc 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -169,12 +169,15 @@ importers: '@rspack/core': specifier: 1.0.3 version: 1.0.3 + css-loader: + specifier: ^7.1.2 + version: 7.1.2(@rspack/core@1.0.3)(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)) serve: specifier: ^14.2.3 version: 14.2.3 - swc-loader: - specifier: ^0.2.6 - version: 0.2.6(@swc/core@1.7.23)(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)) + style-loader: + specifier: ^4.0.0 + version: 4.0.0(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)) ts-node: specifier: ^10.9.2 version: 10.9.2(@swc/core@1.7.23)(@types/node@22.5.4)(typescript@5.5.4) @@ -210,12 +213,18 @@ importers: '@types/webpack': specifier: ^5.28.5 version: 5.28.5(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4(webpack-dev-server@5.1.0)(webpack@5.94.0)) + css-loader: + specifier: ^7.1.2 + version: 7.1.2(@rspack/core@1.0.3)(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4)) html-webpack-plugin: specifier: ^5.6.0 version: 5.6.0(@rspack/core@1.0.3)(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4)) serve: specifier: ^14.2.3 version: 14.2.3 + style-loader: + specifier: ^4.0.0 + version: 4.0.0(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4)) sucrase: specifier: ^3.35.0 version: 3.35.0 @@ -1745,6 +1754,18 @@ packages: resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==} engines: {node: '>= 8'} + css-loader@7.1.2: + resolution: {integrity: sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==} + engines: {node: '>= 18.12.0'} + peerDependencies: + '@rspack/core': 0.x || 1.x + webpack: ^5.27.0 + peerDependenciesMeta: + '@rspack/core': + optional: true + webpack: + optional: true + css-select@4.3.0: resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==} @@ -2483,6 +2504,12 @@ packages: resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==} engines: {node: '>=0.10.0'} + icss-utils@5.1.0: + resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + ignore@5.3.2: resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==} engines: {node: '>= 4'} @@ -3253,10 +3280,37 @@ packages: yaml: optional: true + postcss-modules-extract-imports@3.1.0: + resolution: {integrity: sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + + postcss-modules-local-by-default@4.0.5: + resolution: {integrity: sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + + postcss-modules-scope@3.2.0: + resolution: {integrity: sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + + postcss-modules-values@4.0.0: + resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==} + engines: {node: ^10 || ^12 || >= 14} + peerDependencies: + postcss: ^8.1.0 + postcss-selector-parser@6.1.2: resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==} engines: {node: '>=4'} + postcss-value-parser@4.2.0: + resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} + postcss@8.4.45: resolution: {integrity: sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==} engines: {node: ^10 || ^12 || >=14} @@ -3676,6 +3730,12 @@ packages: resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==} engines: {node: '>=8'} + style-loader@4.0.0: + resolution: {integrity: sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==} + engines: {node: '>= 18.12.0'} + peerDependencies: + webpack: ^5.27.0 + sucrase@3.35.0: resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==} engines: {node: '>=16 || 14 >=14.17'} @@ -5743,6 +5803,34 @@ snapshots: shebang-command: 2.0.0 which: 2.0.2 + css-loader@7.1.2(@rspack/core@1.0.3)(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4)): + dependencies: + icss-utils: 5.1.0(postcss@8.4.45) + postcss: 8.4.45 + postcss-modules-extract-imports: 3.1.0(postcss@8.4.45) + postcss-modules-local-by-default: 4.0.5(postcss@8.4.45) + postcss-modules-scope: 3.2.0(postcss@8.4.45) + postcss-modules-values: 4.0.0(postcss@8.4.45) + postcss-value-parser: 4.2.0 + semver: 7.6.3 + optionalDependencies: + '@rspack/core': 1.0.3 + webpack: 5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4) + + css-loader@7.1.2(@rspack/core@1.0.3)(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)): + dependencies: + icss-utils: 5.1.0(postcss@8.4.45) + postcss: 8.4.45 + postcss-modules-extract-imports: 3.1.0(postcss@8.4.45) + postcss-modules-local-by-default: 4.0.5(postcss@8.4.45) + postcss-modules-scope: 3.2.0(postcss@8.4.45) + postcss-modules-values: 4.0.0(postcss@8.4.45) + postcss-value-parser: 4.2.0 + semver: 7.6.3 + optionalDependencies: + '@rspack/core': 1.0.3 + webpack: 5.94.0(@swc/core@1.7.23)(esbuild@0.23.1) + css-select@4.3.0: dependencies: boolbase: 1.0.0 @@ -6610,6 +6698,10 @@ snapshots: dependencies: safer-buffer: 2.1.2 + icss-utils@5.1.0(postcss@8.4.45): + dependencies: + postcss: 8.4.45 + ignore@5.3.2: {} immutable@4.3.7: {} @@ -7445,11 +7537,34 @@ snapshots: tsx: 4.19.0 yaml: 2.5.1 + postcss-modules-extract-imports@3.1.0(postcss@8.4.45): + dependencies: + postcss: 8.4.45 + + postcss-modules-local-by-default@4.0.5(postcss@8.4.45): + dependencies: + icss-utils: 5.1.0(postcss@8.4.45) + postcss: 8.4.45 + postcss-selector-parser: 6.1.2 + postcss-value-parser: 4.2.0 + + postcss-modules-scope@3.2.0(postcss@8.4.45): + dependencies: + postcss: 8.4.45 + postcss-selector-parser: 6.1.2 + + postcss-modules-values@4.0.0(postcss@8.4.45): + dependencies: + icss-utils: 5.1.0(postcss@8.4.45) + postcss: 8.4.45 + postcss-selector-parser@6.1.2: dependencies: cssesc: 3.0.0 util-deprecate: 1.0.2 + postcss-value-parser@4.2.0: {} + postcss@8.4.45: dependencies: nanoid: 3.3.7 @@ -7961,6 +8076,14 @@ snapshots: strip-json-comments@3.1.1: {} + style-loader@4.0.0(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4)): + dependencies: + webpack: 5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4) + + style-loader@4.0.0(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)): + dependencies: + webpack: 5.94.0(@swc/core@1.7.23)(esbuild@0.23.1) + sucrase@3.35.0: dependencies: '@jridgewell/gen-mapping': 0.3.5 @@ -7991,12 +8114,6 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)(webpack-cli@5.1.4) - swc-loader@0.2.6(@swc/core@1.7.23)(webpack@5.94.0(@swc/core@1.7.23)(esbuild@0.23.1)): - dependencies: - '@swc/core': 1.7.23 - '@swc/counter': 0.1.3 - webpack: 5.94.0(@swc/core@1.7.23)(esbuild@0.23.1) - synckit@0.6.2: dependencies: tslib: 2.7.0