feat: expose config.styl variables to style.styl (#727)

vuejs · Aug 11, 2018 · 0bc2b51 · 0bc2b51
1 parent f9de5e2
commit 0bc2b51
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/docs/default-theme-config/README.md b/docs/default-theme-config/README.md
@@ -476,6 +476,7 @@ $textColor = red
 
 ``` stylus
 // .vuepress/style.styl, your extra styles.
+// variables from config.styl can be used here
 #my-style {}
 ```
 

diff --git a/lib/prepare/index.js b/lib/prepare/index.js
@@ -28,9 +28,10 @@ module.exports = async function prepare (sourceDir) {
   const hasUserOverride = fs.existsSync(overridePath)
   await writeTemp('override.styl', hasUserOverride ? `@import(${JSON.stringify(overridePath)})` : ``)
 
+  const configPath = require.resolve('../default-theme/styles/config.styl')
   const stylePath = path.resolve(sourceDir, '.vuepress/style.styl').replace(/[\\]+/g, '/')
   const hasUserStyle = fs.existsSync(stylePath)
-  await writeTemp('style.styl', hasUserStyle ? `@import(${JSON.stringify(stylePath)})` : ``)
+  await writeTemp('style.styl', hasUserStyle ? `@import(${JSON.stringify(configPath)})\n@import(${JSON.stringify(stylePath)})` : ``)
 
   // Temporary tip, will be removed at next release.
   if (hasUserOverride && !hasUserStyle) {