VuePress:如何导入CSS框架(basscss)

时间:2019-04-15 09:04:23

标签: webpack vuepress

我正在尝试将basscss与一个VuePress项目一起使用,并且不确定如何在不直接引用mode_modules中的文件的情况下正确包含basscss文件,并且希望避免使用第三方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 Webpack模板很容易,但是我对VuePress感到困惑,因为我不太了解Webpack在这种特殊情况下的运作方式。

0 个答案:

没有答案