Question: how to import 3rd party stylus libraries?

[shaunc]

I just tried to install normalize-styl. After install, it suggests that I can use simply by @import 'normalize'. I included this in .vuepress/styles/index.styl, but it didn't work.

Do I have to do some extra configuration somewhere? Perhaps instructions or link could be put in the doc under styling?

[shaunc]

Ok ... with some random experimentation and consultation of the stylus-loader package doc, the following works:

@import '~normalize-styl'

I'll leave the issue open, though; I think the documentation should be improved to mention the tilde as many VuePress users might not be familiar with stylus-loader.

[Mister-Hope]

Sounds like you are not familiar with vue or webpack. Any module needs to begin with a ~ to let webpack know it is a module.Or it will also think it is a relative path try to find it in same folder. Besides, webpack first resolve the module amd let them imported, then call the loader to do the job. SO you can't think webpack can import can load fole at the same time.It musr import first then call the loader. So in my opinion, it's not a confusing thing.

[shaunc]

Well first of all I'm not familiar with stylus ... or how closely its integrated with other tools. If I put @import 'normalize' in a stylus file, I have no idea how that relates to actual paths and I had assumed there is some stylus config specific to vuepress (presumably involving webpack) that sets defaults. After all, if I find in a package that @import 'normalize' should load from node_modules, I don't necessarily know that webpack is munging -- it could be that stylus collects everything together beforehand based on its own configuration.

It might be good to put in the VuePress doc under styling a link to the stylus loader doc.

[Mister-Hope]

What about less or sass? They also need ~ 😄 If you are not familiar with css pre-proccessors, maybe you should first have a look at them?

[kefranabg]

As @shaunc said, I think it would be great to improve documentation with an example on this topic.

Contributions welcome !

[evenlasting]

I will try to take this as my first issue.