我正在尝试将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在这种特殊情况下的运作方式。