perf: avoid including optional features in build when not used

vuejs · Dec 30, 2020 · c878e6d · c878e6d
1 parent 8d946a3
commit c878e6d
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 11 deletions.
diff --git a/src/client/shim.d.ts b/src/client/shim.d.ts
@@ -1,5 +1,7 @@
 declare const __VP_HASH_MAP__: Record<string, string>
-
+declare const __CARBON__: boolean
+declare const __BSA__: boolean
+declare const __ALGOLIA__: boolean
 declare module '*.vue' {
  import { ComponentOptions } from 'vue'
  const comp: ComponentOptions

diff --git a/src/client/theme-default/Layout.vue b/src/client/theme-default/Layout.vue
@@ -77,15 +77,18 @@ import NavBar from './components/NavBar.vue'
 import SideBar from './components/SideBar.vue'
 import Page from './components/Page.vue'
 const Home = defineAsyncComponent(() => import('./components/Home.vue'))
-const CarbonAds = defineAsyncComponent(
+
+const NoopComponent = () => null
+
+const CarbonAds = __CARBON__ ? defineAsyncComponent(
  () => import('./components/CarbonAds.vue')
-)
-const BuySellAds = defineAsyncComponent(
+) : NoopComponent
+const BuySellAds = __BSA__ ? defineAsyncComponent(
  () => import('./components/BuySellAds.vue')
-)
-const AlgoliaSearchBox = defineAsyncComponent(
+) : NoopComponent
+const AlgoliaSearchBox = __ALGOLIA__ ? defineAsyncComponent(
  () => import('./components/AlgoliaSearchBox.vue')
-)
+) : NoopComponent
 
 // generic state
 const route = useRoute()

diff --git a/src/node/plugin.ts b/src/node/plugin.ts
@@ -2,7 +2,7 @@ import path from 'path'
 import { Plugin } from 'vite'
 import { SiteConfig, resolveSiteData } from './config'
 import { createMarkdownToVueRenderFn } from './markdownToVue'
-import { APP_PATH, SITE_DATA_REQUEST_PATH } from './alias'
+import { APP_PATH, DEFAULT_THEME_PATH, SITE_DATA_REQUEST_PATH } from './alias'
 import createVuePlugin from '@vitejs/plugin-vue'
 import slash from 'slash'
 import { OutputAsset, OutputChunk } from 'rollup'
@@ -24,7 +24,7 @@ const isPageChunk = (
 
 export function createVitePressPlugin(
  root: string,
- { configPath, aliases, markdown, site: initialSiteData }: SiteConfig,
+ { configPath, aliases, markdown, themeDir, site }: SiteConfig,
  ssr = false,
  pageToHashMap?: Record<string, string>
 ): Plugin[] {
@@ -35,15 +35,24 @@ export function createVitePressPlugin(
  ssr
  })
 
- let siteData = initialSiteData
+ let siteData = site
+
+ const isUsingDefaultTheme = themeDir === DEFAULT_THEME_PATH
 
  const vitePressPlugin: Plugin = {
  name: 'vitepress',
 
  config() {
  return {
  alias: aliases,
- transformInclude: /\.md$/
+ transformInclude: /\.md$/,
+ define: isUsingDefaultTheme
+ ? {
+ __CARBON__: !!site.themeConfig.carbonAds?.carbon,
+ __BSA__: !!site.themeConfig.carbonAds?.custom,
+ __ALGOLIA__: !!site.themeConfig.algolia
+ }
+ : {}
  }
  },