Skip to content

Commit 9531f9b

Browse files
lokesh-coderlokesh-coder
committed
reduce bundle size
1 parent e48db03 commit 9531f9b

File tree

17 files changed

+1234
-90783
lines changed

17 files changed

+1234
-90783
lines changed

‎.babelrc

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,14 @@
11
{
2-
"presets": ["@babel/env", "@babel/react"]
2+
"presets": ["@babel/env", "@babel/react"],
3+
"plugins": [
4+
[
5+
"import",
6+
{
7+
"libraryName": "antd",
8+
"libraryDirectory": "lib",
9+
"camel2DashComponentName": true,
10+
"style": "css"
11+
}
12+
]
13+
]
314
}

‎.travis.yml

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎config/template.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<meta charset="utf-8"/>
4+
<meta charset="utf-8" />
55
<title><%= htmlWebpackPlugin.options.title %></title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
67
</head>
78
<body>
8-
<div id="root"></div>
9+
<div id="root"></div>
910
</body>
10-
</html>
11+
</html>

‎package-lock.json

Lines changed: 0 additions & 14455 deletions
This file was deleted.

‎package.json

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
{
22
"name": "blobs.app",
33
"version": "1.0.0",
4-
"description": "Generate blob shapes for Eeb and Fluttter",
4+
"description": "Generate blob shapes for Web and Fluttter",
55
"main": "index.js",
66
"scripts": {
7-
"build": "npm run build:css && webpack ---config ./config/webpack.prod.config.js",
7+
"build": "rm -rf build && NODE_ENV=production npm run build:css && webpack ---config ./config/webpack.prod.config.js",
88
"dev": "npm run watch:css && webpack-dev-server --config ./config/webpack.dev.config.js --open",
99
"lint": "./node_modules/.bin/eslint --ext .js,.jsx src/",
1010
"lint: fix": "./node_modules/.bin/eslint --ext .js,.jsx src/ --fix",
@@ -34,13 +34,15 @@
3434
"react": "^16.13.1",
3535
"react-dom": "^16.13.1",
3636
"react-syntax-highlighter": "^12.2.1",
37-
"tailwindcss": "^1.3.4",
37+
"tailwindcss": "^1.4.6",
3838
"webpack": "^4.42.1",
3939
"webpack-cli": "^3.3.11"
4040
},
4141
"devDependencies": {
42+
"@fullhuman/postcss-purgecss": "^2.2.0",
4243
"@testing-library/jest-dom": "^5.5.0",
4344
"@testing-library/react": "^10.0.2",
45+
"babel-plugin-import": "^1.13.0",
4446
"clean-webpack-plugin": "^3.0.0",
4547
"css-loader": "^3.5.2",
4648
"eslint": "^6.8.0",

‎postcss.config.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
1-
const tailwindcss = require('tailwindcss');
1+
const tailwindcss = require("tailwindcss");
22
module.exports = {
3-
plugins: [
4-
tailwindcss('./tailwind.config.js'),
5-
require('autoprefixer'),
6-
],
3+
plugins: [tailwindcss("./tailwind.config.js"), require("autoprefixer")],
74
};

‎src/app.jsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import React, { useEffect } from "react";
22
import { store, autoEffect } from "@risingstack/react-easy-state";
3-
import "antd/dist/antd.css";
43
import "assets/css/main.css";
54
import "./app.scss";
65
import Grid from "./components/layout/grid";

‎src/app.scss

Lines changed: 44 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,54 @@
1-
.brand-bg {
2-
margin-top: -16px;
3-
transform: translate(-50%, 0);
4-
margin-left: 50%;
5-
}
1+
html body {
2+
.brand-bg {
3+
margin-top: -16px;
4+
transform: translate(-50%, 0);
5+
margin-left: 50%;
6+
}
67

7-
#blob {
8-
fill: #d1d8e0;
9-
}
8+
#blobSvg {
9+
max-width: 500px;
10+
}
1011

11-
.ant-slider-step {
12-
background: rgb(209, 216, 224);
13-
}
12+
#blob {
13+
fill: #d1d8e0;
14+
}
15+
16+
.ant-slider-step {
17+
background: rgb(209, 216, 224);
18+
}
1419

15-
.ant-slider-handle {
16-
border: solid 3px #4e566b;
17-
width: 24px;
18-
height: 24px;
19-
margin-top: -9px;
20-
&:focus,
21-
&.ant-tooltip-open {
20+
.ant-slider-handle {
21+
border: solid 3px #4e566b;
22+
width: 24px;
23+
height: 24px;
24+
margin-top: -9px;
25+
&:focus,
26+
&.ant-tooltip-open {
27+
border-color: #303749;
28+
}
29+
}
30+
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
2231
border-color: #303749;
2332
}
24-
}
25-
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
26-
border-color: #303749;
27-
}
2833

29-
.ant-modal-mask {
30-
background-color: rgba(182, 170, 176, 0.84);
31-
}
34+
.ant-modal-mask {
35+
background-color: rgba(182, 170, 176, 0.84);
36+
}
3237

33-
.ant-modal-content {
34-
border-radius: 11px;
35-
}
38+
.ant-modal-content {
39+
border-radius: 11px;
40+
}
3641

37-
.ant-tooltip-inner {
38-
border-radius: 4px;
39-
font-size: 11px;
40-
color: #ffffffd6;
41-
background: #2f3143;
42-
}
42+
.ant-tooltip-inner {
43+
border-radius: 4px;
44+
font-size: 11px;
45+
color: #ffffffd6;
46+
background: #2f3143;
47+
}
4348

44-
pre > code {
45-
overflow: auto;
46-
width: 100%;
47-
display: inline-block;
49+
pre > code {
50+
overflow: auto;
51+
width: 100%;
52+
display: inline-block;
53+
}
4854
}

0 commit comments

Comments
 (0)