chore: add tsup build

Author: sonofmagic

apps/.npmrc

@@ -1 +1,2 @@
-shamefully-hoist=true
+shamefully-hoist=true
+registry=https://registry.npmjs.org

apps/pnpm-lock.yaml

@@ -17,6 +17,7 @@
     "@vitejs/plugin-vue": "^4.4.0",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
+    "sass": "^1.69.4",
     "tailwindcss": "^3.3.4",
     "typescript": "^5.2.2",
     "vite": "^4.5.0",

apps/vite-vue/package.json

@@ -112,7 +112,7 @@ export default defineComponent({
 
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .logo {
   height: 6em;
   padding: 1.5em;

apps/vite-vue/src/App.vue

@@ -21,41 +21,41 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.js"
     },
     "./vite": {
       "types": "./dist/vite.d.ts",
       "import": "./dist/vite.mjs",
-      "require": "./dist/vite.cjs"
+      "require": "./dist/vite.js"
     },
     "./webpack": {
       "types": "./dist/webpack.d.ts",
       "import": "./dist/webpack.mjs",
-      "require": "./dist/webpack.cjs"
+      "require": "./dist/webpack.js"
     },
     "./rollup": {
       "types": "./dist/rollup.d.ts",
       "import": "./dist/rollup.mjs",
-      "require": "./dist/rollup.cjs"
+      "require": "./dist/rollup.js"
     },
     "./esbuild": {
       "types": "./dist/esbuild.d.ts",
       "import": "./dist/esbuild.mjs",
-      "require": "./dist/esbuild.cjs"
+      "require": "./dist/esbuild.js"
     },
     "./nuxt": {
       "types": "./dist/nuxt.d.ts",
       "import": "./dist/nuxt.mjs",
-      "require": "./dist/nuxt.cjs"
+      "require": "./dist/nuxt.js"
     },
     "./utils": {
       "types": "./dist/utils.d.ts",
       "import": "./dist/utils.mjs",
-      "require": "./dist/utils.cjs"
+      "require": "./dist/utils.js"
     },
     "./*": "./*"
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "typesVersions": {
@@ -70,8 +70,8 @@
     "dist"
   ],
   "scripts": {
-    "dev": "unbuild --sourcemap",
-    "build": "unbuild",
+    "dev": "tsup --watch --sourcemap",
+    "build": "tsup",
     "test": "vitest run --coverage.enabled",
     "test:dev": "vitest"
   },

packages/unplugin-tailwindcss-mangle/package.json

@@ -34,10 +34,6 @@ const factory: UnpluginFactory<MangleUserConfig | undefined> = (options) => {
             ctx,
           })
         }
-        else if (/\.css/.test(id)) {
-          const { css } = await cssHandler(code, { ctx, file: id })
-          return css
-        }
         else {
           return preProcessRawCode({
             code,
@@ -49,6 +45,15 @@ const factory: UnpluginFactory<MangleUserConfig | undefined> = (options) => {
     },
     {
       name: `${pluginName}`,
+      transformInclude(id) {
+        return !id.includes('node_modules') && id.endsWith('.css')
+      },
+      async transform(code, id) {
+        if (/\.css/.test(id)) {
+          const { css } = await cssHandler(code, { ctx, file: id })
+          return css
+        }
+      },
     },
     {
       name: `${pluginName}:post`,

packages/unplugin-tailwindcss-mangle/src/core/factory.ts

@@ -1,6 +1,6 @@
 import fs from 'node:fs/promises'
 import path from 'node:path'
-
+import process from 'node:process'
 import { groupBy } from '@tailwindcss-mangle/shared'
 import { pluginName } from './constants'
 

packages/unplugin-tailwindcss-mangle/src/utils.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: [
+    'src/index.ts',
+    'src/vite.ts',
+    'src/esbuild.ts',
+    'src/nuxt.ts',
+    'src/rollup.ts',
+    'src/webpack.ts',
+    'src/utils.ts',
+  ], // , 'src/cli.ts'],
+  shims: true,
+  format: ['cjs', 'esm'],
+  clean: true,
+  dts: true,
+})