Как переопределить стили расширенной темы и удалить плагины? - PullRequest
Новая
       40

Как переопределить стили расширенной темы и удалить плагины?

0 голосов
/ 19 июня 2020

Я создал свою собственную тему и расширил тему basi c, используя конфигурацию (index. js):

extend: '@vuepress/theme-default'

Чего я не могу сделать sh отключает плагины и переопределяет стили по умолчанию, используя (config. js): 

module.exports = {
    // Disabling plugins we received from parent theme
    plugins: {
        '@vuepress/active-header-links': false,
        '@vuepress/search': false,
        '@vuepress/plugin-nprogress': false,
    },
    ...

и (index.styl): 

// For example
body
    background-color: red !important;

Когда я запускаю dev сервер с использованием npm run dev или даже после того, как я создам веб-сайт с npm run build, результат будет таким же. Плагины и стили старой темы останутся.

Я даже вижу их, когда проверяю извлеченные CSS файлы.

Я читал документы, но не могу понять, проблема ли это или я что-то не так .

1 Ответ

0 голосов
/ 24 июня 2020
  1. Чтобы вы унаследовали тему, вы должны создать файл docs/.vuepress/index.js: 
// docs/.vuepress/index.js
module.exports = {
  extend: '@vuepress/theme-default',
};
Если вы хотите отключить плагины, вы должны объявить plugin-name с помощью false: 
// docs/.vuepress/index.js
module.exports = {
  extend: '@vuepress/theme-default',
  plugins: [
    ['@vuepress/active-header-links', false],
    ['@vuepress/search', false],
    ['@vuepress/plugin-nprogress', false],
    ['smooth-scroll', false]    
  ],
};

Для получения дополнительной информации об этом щелкните здесь

Если вы хотите заменить стили, вы должны создать файл docs/.vuepress/styles/index.styl: 
/* docs/.vuepress/styles/index.styl */
body {
  background-color: yellow !important;
}

Это также относится к другим файлам стилей, присутствующим в default-theme. Но вы должны обратить внимание на это:

Оба стиля / index.styl пользователя и стили / index.styl темы сгенерированы в окончательный файл CSS, но стиль пользователя создается позже и поэтому имеет более высокий приоритет.

Щелкните здесь для получения дополнительной информации.

Если у вас много изменений в теме по умолчанию, стоит создать новую тему, потому что наследование предназначено для незначительных исправлений.
...