The react-tailwind-demo from jolaolu

react-tailwind-demo's People

Contributors

Stargazers

Watchers

react-tailwind-demo's Issues

resulting size

Thank you for putting this demo together.
If I may, I have a question about resulting size of the css

I use more recent version of tailwind now (1.1.4) , the styles/tailwind.css becomes ~800kb. And when I do build, the css in build/static/css is ~675kb uncompressed.

Is this normal? or am I missing a step (used recent create-react-app that uses react-script


{
  "name": "myapp",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4",
    "@testing-library/react": "^9",
    "@testing-library/user-event": "^7",
    "preact": "^10",
    "react-scripts": "3.3.0"
  },
  "scripts": {
    "build:style":"tailwind build src/styles/index.css -o src/styles/tailwind.css",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "start": "npm-run-all build:style rarew:start",
    "build": "npm-run-all build:style rarew:build",
    "rarew:build": "react-app-rewired build",
    "rarew:start": "react-app-rewired start",
    
    "otest": "react-app-rewired test --env=jsdom"
  },
  "devDependencies": {
    "autoprefixer": "^9",
    "babel-eslint": "^10",
    "customize-cra": "^0",
    "eslint": "^6",
    "eslint-config-react-native": "^4",
    "eslint-plugin-flowtype": "^4",
    "eslint-plugin-react": "^7",
    "eslint-plugin-react-native": "^3",
    "flow-bin": "^0",
    "flow-typed": "^2",
    "npm-run-all": "^4",
    "postcss-cli": "^6",
    "react-app-rewired": "^2",
    "source-map-explorer": "^2",
    "tailwindcss": "^1",
    "treeify": "^1",
    "webpack-merge": "^4"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

Recommend Projects