@empjs/plugin-tailwindcss2 1.0.0

package/README.md

@@ -0,0 +1,59 @@
+# @empjs/plugin-tailwindcss3
+## 安装 
+```
+pnpm add @empjs/plugin-tailwindcss3 -D
+```
+## 使用 
+```js
+import pluginTailwindcss from '@empjs/plugin-tailwindcss3'
+import {defineConfig} from '@empjs/cli'
+export default defineConfig(({mode, env}) => {
+  return {
+    plugins: [pluginTailwindcss()],
+  }
+})
+
+```
+
+## 配置参数
+插件支持传入 Tailwind CSS v3 的配置选项，例如：
+```js
+import pluginTailwindcss from '@empjs/plugin-tailwindcss3'
+import {defineConfig} from '@empjs/cli'
+
+export default defineConfig(({mode, env}) => {
+  return {
+    plugins: [
+      pluginTailwindcss({
+        // 指定要扫描的文件
+        content: [`${appSrc}/src/**/*.{js,jsx,ts,tsx}`],
+        // 自定义主题
+        theme: {
+          extend: {
+            colors: {
+              primary: '#3490dc',
+              secondary: '#ffed4a',
+              danger: '#e3342f',
+            },
+          },
+        },
+        // 添加插件
+        plugins: [
+          require('@tailwindcss/forms'),
+          require('@tailwindcss/typography'),
+        ],
+      }),
+    ],
+  }
+})
+```
+### 默认配置
+如果不传入配置参数，插件会使用以下默认配置：
+```js
+{
+  content: [`${appSrc}/**/*.{html,js,ts,jsx,tsx}`],
+}
+```
+其中 appSrc 是项目源代码目录路径。
+
+更多 Tailwind CSS v3 配置选项，请参考 [Tailwind CSS 官方文档](https://v3.tailwindcss.com/) 。

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var c=Object.create;var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var g=(e,i)=>{for(var s in i)p(e,s,{get:i[s],enumerable:!0})},a=(e,i,s,o)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of m(i))!f.call(e,t)&&t!==s&&p(e,t,{get:()=>i[t],enumerable:!(o=u(i,t))||o.enumerable});return e};var r=(e,i,s)=>(s=e!=null?c(d(e)):{},a(i||!e||!e.__esModule?p(s,"default",{value:e,enumerable:!0}):s,e)),x=e=>a(p({},"__esModule",{value:!0}),e);var y={};g(y,{default:()=>w});module.exports=x(y);var n=r(require("autoprefixer"),1),l=r(require("tailwindcss"),1),w=(e,i)=>({name:"@empjs/plugin-tailwindcss2",async rsConfig(s){let{chain:o}=s,t={purge:[`${s.appSrc}/**/*.{html,js,ts,jsx,tsx}`],darkMode:!1,theme:{extend:{}},variants:{extend:{}},plugins:[]};e=s.deepAssign(t,e),o.module.rule(s.chainName.rule.css).set("type","css").use("postcss").loader(require.resolve("postcss-loader")).options({postcssOptions:{plugins:[(0,l.default)(e),(0,n.default)(i)]},sourceMap:s.isDev})}});

package/dist/index.d.cts

@@ -0,0 +1,11 @@
+import { GlobalStore } from '@empjs/cli';
+import autoprefixer from 'autoprefixer';
+import tailwindcss from 'tailwindcss';
+
+type TailwindConfig = Parameters<typeof tailwindcss>[0];
+declare const _default: (tailwindConfig?: TailwindConfig, options?: autoprefixer.Options) => {
+    name: string;
+    rsConfig(store: GlobalStore): Promise<void>;
+};
+
+export { type TailwindConfig, _default as default };

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { GlobalStore } from '@empjs/cli';
+import autoprefixer from 'autoprefixer';
+import tailwindcss from 'tailwindcss';
+
+type TailwindConfig = Parameters<typeof tailwindcss>[0];
+declare const _default: (tailwindConfig?: TailwindConfig, options?: autoprefixer.Options) => {
+    name: string;
+    rsConfig(store: GlobalStore): Promise<void>;
+};
+
+export { type TailwindConfig, _default as default };

package/dist/index.js

@@ -0,0 +1 @@
+var t=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(i,s)=>(typeof require<"u"?require:i)[s]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});import r from"autoprefixer";import a from"tailwindcss";var m=(e,i)=>({name:"@empjs/plugin-tailwindcss2",async rsConfig(s){let{chain:o}=s,p={purge:[`${s.appSrc}/**/*.{html,js,ts,jsx,tsx}`],darkMode:!1,theme:{extend:{}},variants:{extend:{}},plugins:[]};e=s.deepAssign(p,e),o.module.rule(s.chainName.rule.css).set("type","css").use("postcss").loader(t.resolve("postcss-loader")).options({postcssOptions:{plugins:[a(e),r(i)]},sourceMap:s.isDev})}});export{m as default};

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@empjs/plugin-tailwindcss2",
+  "version": "1.0.0",
+  "description": "base tailwind 2",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "maintainers": [
+    "xuhongbin",
+    "ckken"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/empjs/emp.git",
+    "directory": "packages/plugin-tailwindcss2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "vue",
+    "vue2"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "author": "Ken",
+  "devDependencies": {
+    "@types/node": "^22.13.11",
+    "@types/tailwindcss": "^2.2.4",
+    "tsup": "^8.1.0",
+    "@empjs/cli": "3.8.3"
+  },
+  "dependencies": {
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.3",
+    "postcss-loader": "^8.1.1",
+    "tailwindcss": "2.2.19"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  }
+}