From be60e41fe83571ddcf38197c5d011dbb9853b171 Mon Sep 17 00:00:00 2001 From: "Collin M. Barrett" Date: Sun, 4 Aug 2019 16:38:04 -0500 Subject: [PATCH] lazy-load antd resources --- src/FilterLists.Web.V2/config-overrides.js | 9 +++++++++ src/FilterLists.Web.V2/package-lock.json | Bin 540822 -> 542414 bytes src/FilterLists.Web.V2/package.json | 9 ++++++--- src/FilterLists.Web.V2/src/App.css | 2 -- src/FilterLists.Web.V2/src/App.tsx | 17 ++--------------- 5 files changed, 17 insertions(+), 20 deletions(-) create mode 100644 src/FilterLists.Web.V2/config-overrides.js diff --git a/src/FilterLists.Web.V2/config-overrides.js b/src/FilterLists.Web.V2/config-overrides.js new file mode 100644 index 000000000..7373d107d --- /dev/null +++ b/src/FilterLists.Web.V2/config-overrides.js @@ -0,0 +1,9 @@ +const { override, fixBabelImports } = require('customize-cra'); + +module.exports = override( + fixBabelImports('import', { + libraryName: 'antd', + libraryDirectory: 'es', + style: 'css', + }), +); \ No newline at end of file diff --git a/src/FilterLists.Web.V2/package-lock.json b/src/FilterLists.Web.V2/package-lock.json index a4a4fdeb04b0d6ceb0c8cbf4e583bb7ca785a293..c6c1284cc9249255342a3c76d7c9c5956fbdb3c0 100644 GIT binary patch delta 687 zcmY*XOH9*n7*DsZ!+;ok5C{?&q9l@TYqz${cyQ~wCu1)LqX&|*m94W~OS|_8jJU*v zC^q4LFu{?S;Ee=`i-{(BGG4rRD$&?nt z0}_SRvAIx^;v;SwLxqS*RSt)wMpfVlPpy%PCm4@L(uulQEmh(xQF!}Srzoh(R|S>Ng1&EtA+Wb;z=3@SLAJILc;uhdxuf!2ri7le zqj;wbmN%yH)J&Sj87;0BnaCVf^HO#-knyb8J}s^N~311v_6&1(7PUL>vf)+=}j b)PKXagZD3cA#mv(f;5j>Nc*T|e*5AN#i8&? delta 55 zcmX@tt2nJuv0)42*VguicE;@u?M(X=+Z$Ff0WtIThE*)DUD|a%ux!`)z-qIlU1&Mm LcA@3$d*%ZGz%dw< diff --git a/src/FilterLists.Web.V2/package.json b/src/FilterLists.Web.V2/package.json index 7ce25f6f1..9554ac1bc 100644 --- a/src/FilterLists.Web.V2/package.json +++ b/src/FilterLists.Web.V2/package.json @@ -8,15 +8,18 @@ "@types/react": "16.8.24", "@types/react-dom": "16.8.5", "antd": "^3.21.0", + "babel-plugin-import": "^1.12.0", + "customize-cra": "^0.4.1", "react": "^16.8.6", + "react-app-rewired": "^2.1.3", "react-dom": "^16.8.6", "react-scripts": "3.0.1", "typescript": "3.5.3" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", + "start": "react-app-rewired start", + "build": "react-app-rewired build", + "test": "react-app-rewired test", "eject": "react-scripts eject" }, "proxy": "https://filterlists.com", diff --git a/src/FilterLists.Web.V2/src/App.css b/src/FilterLists.Web.V2/src/App.css index 29865aeac..b41d297ca 100644 --- a/src/FilterLists.Web.V2/src/App.css +++ b/src/FilterLists.Web.V2/src/App.css @@ -1,5 +1,3 @@ -@import "~antd/dist/antd.css"; - .App { text-align: center; } diff --git a/src/FilterLists.Web.V2/src/App.tsx b/src/FilterLists.Web.V2/src/App.tsx index 226ee6316..689b99593 100644 --- a/src/FilterLists.Web.V2/src/App.tsx +++ b/src/FilterLists.Web.V2/src/App.tsx @@ -1,24 +1,11 @@ import React from 'react'; -import logo from './logo.svg'; import './App.css'; +import { Button } from 'antd'; const App: React.FC = () => { return (
-
- logo -

- Edit src/App.tsx and save to reload. -

- - Learn React - -
+
); }