请问如何在主题开发时使用 @vuepress/plugin-palette ？

[Yue-plus]

我正在尝试开发一款主题 Yue-plus / vuepress-theme-oxygen-not-included

我依照 指南 - 快速上手 创建了一个VuePress 项目。

package.json ：

{
  "name": "vuepress-theme-oxygen-not-included-demo",
  "version": "0.0.0",
  "description": "《缺氧》游戏风格主题，开发中……",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/Yue-plus/vuepress-theme-oxygen-not-included.git"
  },
  "author": "Yue-plus <Yue_plus@foxmail.com>",
  "license": "MIT",
  "private": true,
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  },
  "workspaces": [
    "packages/vuepress-theme-oxygen-not-included"
  ],
  "devDependencies": {
    "vuepress": "^2.0.0-beta.23"
  }
}

然后创建了一个 vuepress-theme-oxygen-not-included 包：

packages/vuepress-theme-oxygen-not-included/package.json ：

{
  "name": "vuepress-theme-oxygen-not-included",
  "version": "0.0.0",
  "description": "《缺氧》游戏风格主题，开发中……",
  "main": "index.ts",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/Yue-plus/vuepress-theme-oxygen-not-included.git"
  },
  "author": "Yue-plus",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/Yue-plus/vuepress-theme-oxygen-not-included/issues"
  },
  "homepage": "https://github.com/Yue-plus/vuepress-theme-oxygen-not-included#readme",
  "devDependencies": {
    "@vuepress/theme-default": "^2.0.0-beta.23",
    "@vuepress/utils": "^2.0.0-beta.23",
    "@vuepress/plugin-palette": "^2.0.0-beta.23"
  },
  "dependencies": {
    "vuepress": "^2.0.0-beta.23"
  }
}

packages/vuepress-theme-oxygen-not-included/index.ts：

const { path } = require('@vuepress/utils')

module.exports = {
  name: 'vuepress-theme-oxygen-not-included',
  extends: '@vuepress/theme-default',
  layouts: {
    Layout: path.resolve(__dirname, 'layouts/Layout.vue'),
    404: path.resolve(__dirname, 'layouts/404.vue'),
  },
  plugins: [
    [ '@vuepress/plugin-palette', { preset: 'sass' } ]
  ]
}

在 packages/vuepress-theme-oxygen-not-included/layouts/Layout.vue 文件中无法导入调色板文件和样式文件

看了下源码，也没找到这两个文件：

[meteorlxy]

只是你的 ide 提示找不到，运行的时候会作为临时文件创建的

[Yue-plus]

我尝试修改默认主题的配色，
但在 :root 选择器里的变量没有解析：

[Yue-plus]

[HMR]  - ./packages/vuepress-theme-oxygen-not-included/layouts/Layout.vue?vue&type=style&index=0&id=210e6048&lang=scss log.js:16
[HMR]  - ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-15.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-15.use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/vuepress-theme-oxygen-not-included/layouts/Layout.vue?vue&type=style&index=0&id=210e6048&lang=scss log.js:24

[Mister-Hope]

顺便提一句，你可以试试 vuepress-plugin-sass-palette。