VuePress: как импортировать CSS-фреймворк (basscss) - PullRequest
Новая
       10

VuePress: как импортировать CSS-фреймворк (basscss)

1 голос
/ 15 апреля 2019

Я пытаюсь использовать basscss с проектом VuePress и не уверен, как правильно включать файлы basscss, не обращаясь непосредственно к файлу в mode_modules, и хотел бы избежать использованияCDN стороннего производителя.

Пока что я установил basscss с пряжей и несколькими плагинами 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 шаблона веб-пакета, но я борюсь с VuePress, так как я не слишком знаком с тем, как веб-пакет работает в данном конкретном случае.

...