Блог

На данный момент я установил basscss с помощью yarn и нескольких плагинов postcss и создал свою собственную тему:

 .vuepress
├── node_modules
├── package.json
└── theme
    ├── Layout.vue
    └── styles
        └── theme.styl
  

В моем config.js :

 module.exports = {
  postcss: {
    plugins: [
      require('postcss-import')
    ]
  }
  ...
}
  

В Layout.vue : <style src="./styles/theme.styl" lang="stylus"></style>

В theme.style , @import "basscss.css" что приводит к ошибке:

Сбой сборки модуля (из /Users/user/.config/yarn/global/node_modules/postcss-loader/lib/index.js ): Ошибка: не удалось найти ‘basscss.css’ в [ /Users/user/code/project_title/.vuepress/theme/styles ]

Это довольно легко сделать со стандартным vue-cli шаблоном webpack, но я испытываю трудности с VuePress, поскольку я не слишком знаком с тем, как webpack функционирует в данном конкретном случае.