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

ycmjason · ulivz · commit 0bc2b51e0386 · 2018-08-12T02:51:09.000+08:00
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) {
