diff --git a/craco.config.js b/craco.config.js new file mode 100644 index 0000000..88cf025 --- /dev/null +++ b/craco.config.js @@ -0,0 +1,10 @@ +/* craco.config.js */ + +module.exports = { + style: { + postcss: { + mode: 'extends', + plugins: [require('postcss-import'), require('tailwindcss')], + }, + }, +} diff --git a/package.json b/package.json index e15ba86..ce6be3b 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,7 @@ "version": "0.1.0", "private": true, "dependencies": { + "@craco/craco": "^5.6.4", "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.3.2", "@testing-library/user-event": "^7.1.2", @@ -16,10 +17,9 @@ "typescript": "~3.7.2" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", - "eject": "react-scripts eject" + "start": "craco start", + "build": "craco build", + "test": "craco test" }, "eslintConfig": { "extends": "react-app" @@ -35,5 +35,9 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "postcss-import": "^12.0.1", + "tailwindcss": "^1.4.6" } } diff --git a/src/App.tsx b/src/App.tsx index a53698a..9614312 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -7,7 +7,7 @@ function App() {