Merge pull request #106 from marp-team/optimized-default-theme

Optimize default theme CSS on build time

CHANGELOG.md

@@ -7,6 +7,10 @@
 - Add `minifyCSS` option ([#103](https://github.com/marp-team/marp-core/pull/103))
 - Add `dollarPrefixForGlobalDirectives` option _(not for users)_ ([#104](https://github.com/marp-team/marp-core/pull/104))
 
+### Fixed
+
+- Optimize default theme CSS by removing `.markdown-body` selector on build time ([#106](https://github.com/marp-team/marp-core/pull/106))
+
 ### Changed
 
 - Update CircleCI configuration to use v2.1 ([#101](https://github.com/marp-team/marp-core/pull/101))

rollup.config.js

@@ -8,6 +8,7 @@ import postcss from 'rollup-plugin-postcss'
 import { terser } from 'rollup-plugin-terser'
 import typescript from 'rollup-plugin-typescript'
 import pkg from './package.json'
+import postcssOptimizeDefaultTheme from './scripts/postcss-optimize-default-theme'
 
 const plugins = [
   json({ preferConst: true }),
@@ -28,6 +29,7 @@ const plugins = [
       ],
     },
     plugins: [
+      postcssOptimizeDefaultTheme(),
       postcssUrl({
         filter: '**/assets/**/*.svg',
         encodeType: 'base64',

scripts/postcss-optimize-default-theme.js

@@ -0,0 +1,20 @@
+import postcss from 'postcss'
+
+const defaultThemeMatcher = /@theme +default/
+
+const plugin = postcss.plugin('postcss-optimize-default-theme', () => css => {
+  if (!defaultThemeMatcher.test(css.source.input.css)) return
+
+  // Remove rules for .markdown-body selector
+  css.walkRules(rule => {
+    const ss = rule.selectors.filter(s => !s.startsWith('.markdown-body'))
+
+    if (ss.length > 0) {
+      rule.selectors = ss
+    } else {
+      rule.remove()
+    }
+  })
+})
+
+export default plugin