moved to poi, updated deps,

babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ["poi/babel"],
+  plugins: ["react-hot-loader/babel"],
+};

package.json

@@ -3,28 +3,19 @@
   "version": "1.0.0",
   "private": true,
   "dependencies": {
-    "@react-hook/window-size": "^1.0.13",
-    "@testing-library/jest-dom": "^5.5.0",
-    "@testing-library/react": "^10.0.2",
-    "@testing-library/user-event": "^10.0.2",
+    "@react-hook/window-size": "^2.0.5",
     "axios": "^0.19.2",
-    "d3": "^5.15.1",
-    "d3-geo": "^1.11.9",
+    "d3": "^5.16.0",
+    "d3-geo": "^1.12.0",
     "d3-svg-legend": "^2.25.6",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-scripts": "3.4.1",
     "recharts": "^1.8.5",
-    "tailwindcss": "^1.2.0",
     "topojson": "^3.0.2"
   },
   "scripts": {
-    "start": "npm run watch:css && react-scripts start",
-    "build": "NODE_ENV=production npm run build:css && react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "build:css": "postcss src/styles/global.css -o src/styles/main.css",
-    "watch:css": "postcss src/styles/global.css -o src/styles/main.css"
+    "build": "poi --prod",
+    "dev": "poi --serve"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -42,10 +33,11 @@
     ]
   },
   "devDependencies": {
+    "poi": "^12.8.0",
+    "react-hot-loader": "^4.12.21",
+    "tailwindcss": "^1.4.6",
     "autoprefixer": "^9.7.6",
-    "postcss-cli": "^7.1.0",
     "cssnano": "^4.1.10",
-    "@fullhuman/postcss-purgecss": "^2.1.2",
     "tailwindcss-spinner": "^1.0.0",
     "tailwindcss-border-gradients": "^2.0.3",
     "tailwindcss-gradients": "^3.0.0"

poi.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  entry: "src/index",
+  output: {
+    dir: "build",
+  },
+};

postcss.config.js

@@ -1,15 +1,10 @@
 const cssnano = require("cssnano");
-const purgecss = require("@fullhuman/postcss-purgecss")({
-  content: ["./public/**/*.html", "./src/**/*.js"],
-  defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
-});
 module.exports = {
   plugins: [
     require("tailwindcss"),
     require("autoprefixer"),
     cssnano({
       preset: "default",
     }),
-    ...(process.env.NODE_ENV === "production" ? [purgecss] : []),
   ],
 };

src/App.js

@@ -5,6 +5,7 @@ import Counter from "./components/counter";
 import Charts from "./components/charts";
 import axios from "axios";
 import lang from "./components/lang";
+import { hot } from "react-hot-loader";
 
 function App() {
   const [history, setHistory] = useState([]);
@@ -107,4 +108,4 @@ function App() {
   );
 }
 
-export default App;
+export default hot(module)(App);

src/index.js

@@ -1,6 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import "./styles/main.css";
+import "./styles/global.css";
 import App from "./App";
 import * as serviceWorker from "./serviceWorker";
 

tailwind.config.js

@@ -1,4 +1,6 @@
 module.exports = {
+  important: true,
+  purge: ["./public/**/*.html", "./src/**/*.jsx", "./src/**/*.js"],
   theme: {
     spinner: (theme) => ({
       default: {