From fda4be01b829b56485b7be8c26ef73ad657f62c4 Mon Sep 17 00:00:00 2001 From: Matteo Pagliazzi Date: Tue, 3 Oct 2017 17:31:53 +0200 Subject: [PATCH] limit for inlined svg images and make home leaner by not bundling it with the rest of static pages --- webpack/webpack.base.conf.js | 7 ++++++- website/client/router.js | 5 +++-- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/webpack/webpack.base.conf.js b/webpack/webpack.base.conf.js index 6717b9ab84..a760cd4dd5 100644 --- a/webpack/webpack.base.conf.js +++ b/webpack/webpack.base.conf.js @@ -105,7 +105,12 @@ const baseConfig = { { test: /\.svg$/, use: [ - { loader: 'svg-url-loader' }, + { + loader: 'svg-url-loader', + options: { + limit: 10000, + }, + }, { loader: 'svgo-loader' }, ], include: [path.resolve(projectRoot, 'website/client/assets/svg/for-css')], diff --git a/website/client/router.js b/website/client/router.js index 7d935ff512..ed15b2222b 100644 --- a/website/client/router.js +++ b/website/client/router.js @@ -9,14 +9,15 @@ import * as Analytics from 'client/libs/analytics'; import ParentPage from './components/parentPage'; // Static Pages -const StaticWrapper = () => import(/* webpackChunkName: "static" */'./components/static/staticWrapper'); +const StaticWrapper = () => import(/* webpackChunkName: "entry" */'./components/static/staticWrapper'); +const HomePage = () => import(/* webpackChunkName: "entry" */'./components/static/home'); + const AppPage = () => import(/* webpackChunkName: "static" */'./components/static/app'); const ClearBrowserDataPage = () => import(/* webpackChunkName: "static" */'./components/static/clearBrowserData'); const CommunityGuidelinesPage = () => import(/* webpackChunkName: "static" */'./components/static/communityGuidelines'); const ContactPage = () => import(/* webpackChunkName: "static" */'./components/static/contact'); const FAQPage = () => import(/* webpackChunkName: "static" */'./components/static/faq'); const FeaturesPage = () => import(/* webpackChunkName: "static" */'./components/static/features'); -const HomePage = () => import(/* webpackChunkName: "static" */'./components/static/home'); const GroupPlansPage = () => import(/* webpackChunkName: "static" */'./components/static/groupPlans'); const MerchPage = () => import(/* webpackChunkName: "static" */'./components/static/merch'); const NewsPage = () => import(/* webpackChunkName: "static" */'./components/static/newStuff');