From 1b6e230df7ffd31226af1716f5e442c134ea1c38 Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sat, 13 Mar 2021 21:54:30 +0300 Subject: feat: install tailwindcss --- craco.config.js | 10 + package.json | 26 +- public/favicon.ico | Bin 3870 -> 0 bytes public/index.html | 4 +- public/logo192.png | Bin 5347 -> 0 bytes public/logo512.png | Bin 9664 -> 0 bytes public/manifest.json | 25 - public/robots.txt | 3 - src/App.css | 38 -- src/App.test.tsx | 9 - src/App.tsx | 26 - src/components/Paper.tsx | 11 + src/index.css | 13 - src/index.tsx | 17 +- src/logo.svg | 1 - src/reportWebVitals.ts | 15 - src/setupTests.ts | 5 - tailwind.config.js | 11 + yarn.lock | 1502 +++++++++++++++++++++++++--------------------- 19 files changed, 876 insertions(+), 840 deletions(-) create mode 100644 craco.config.js delete mode 100644 public/favicon.ico delete mode 100644 public/logo192.png delete mode 100644 public/logo512.png delete mode 100644 public/manifest.json delete mode 100644 public/robots.txt delete mode 100644 src/App.css delete mode 100644 src/App.test.tsx delete mode 100644 src/App.tsx create mode 100644 src/components/Paper.tsx delete mode 100644 src/index.css delete mode 100644 src/logo.svg delete mode 100644 src/reportWebVitals.ts delete mode 100644 src/setupTests.ts create mode 100644 tailwind.config.js diff --git a/craco.config.js b/craco.config.js new file mode 100644 index 0000000..1d1894c --- /dev/null +++ b/craco.config.js @@ -0,0 +1,10 @@ +module.exports = { + style: { + postcss: { + plugins: [ + require('tailwindcss'), + require('autoprefixer'), + ], + }, + }, +} diff --git a/package.json b/package.json index 99e81f8..1443dd9 100644 --- a/package.json +++ b/package.json @@ -3,24 +3,15 @@ "version": "0.1.0", "private": true, "dependencies": { - "@testing-library/jest-dom": "^5.11.4", - "@testing-library/react": "^11.1.0", - "@testing-library/user-event": "^12.1.10", - "@types/jest": "^26.0.15", - "@types/node": "^12.0.0", - "@types/react": "^17.0.0", - "@types/react-dom": "^17.0.0", + "@craco/craco": "^6.1.1", "react": "^17.0.1", "react-dom": "^17.0.1", "react-scripts": "4.0.3", - "typescript": "^4.1.2", - "web-vitals": "^1.0.1" + "typescript": "^4.1.2" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", - "eject": "react-scripts eject" + "start": "craco start", + "build": "craco build" }, "eslintConfig": { "extends": [ @@ -39,5 +30,14 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "@tailwindcss/postcss7-compat": "^2.0.3", + "@types/node": "^12.0.0", + "@types/react": "^17.0.0", + "@types/react-dom": "^17.0.0", + "autoprefixer": "^9", + "postcss": "^7", + "tailwindcss": "npm:@tailwindcss/postcss7-compat" } } diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index a11777c..0000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/index.html b/public/index.html index aa069f2..aa8c5f7 100644 --- a/public/index.html +++ b/public/index.html @@ -24,9 +24,9 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + Commercel - +