Import css file in Vuepress Vue component

Question

I am working on a CSS documentation with VuePress, and don't manage to import a .css file into a component. The website is quite old and there are still differences between desktop, smartphone... so I need to be able to import a precise .css file into a Vue component.

I did this:

<style lang="scss" scoped>

@import url('...');

</style>

But it doesn't work. Importing it into the config.js will not allow me to change .css files, and I need to to be able to choose depending upon the component.

Does anyone have an idea? Thanks.

Does this answer your question? How to load external CSS in Vue — Michal Levý
– Michal Levý, Commented Oct 16, 2020 at 12:37
@MichalLevý Thanks, two mistakes in my code, first the wrong link... and second, url() not needed. — Grégory Huyghe
– Grégory Huyghe, Commented Oct 16, 2020 at 12:51

Grégory Huyghe · Accepted Answer · 2020-10-16 12:52:07Z

0

I had 2 errors.

First the wrong link... sorry to not have seen it earlier.

Second, @import '...' is enough, no need of url('').

answered Oct 16, 2020 at 12:52

Grégory Huyghe

4321 gold badge6 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Import css file in Vuepress Vue component

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related