Sorry for the possibly trivial question:
what is the best way to import a CSS file into my project? I started with notestutorial and was able to get a nice application running, only it does not pull the /css/style.css file.
Documentation instructs to include CSS from a PHP template:
style('myapp', 'style'); // adds css/style.(s)css.
How is this done in a VUE app which does not start with a PHP template?
Note that SCSCC files aren’t supported natively anymore with Nextcloud 25 which will be released in October. So
style('myapp', 'style') won’t work anymore with scss files.
If you are using vue to do your frontend (something I would recommend), then you have two choices:
Embed your scss/css in your components (recommanded)
<style lang="scss" scoped>
This has the advantage of having your style property scopped in your components
Use a global scss file and import it into your js
and then in your entry point import the files, webpack will then take care of the rest
In both cases, you won’t need to use
style() in your php template but just make sure the js files are imported
Edit: fix typo
Thanks Carl, that did it for me.
Followup question: I understand the adverb is ‘scoped’; is the keyword ‘scoped’ or ‘scopped’? I find evidence for both on the net and the compiler seems to eat both.
It should be
scoped, at least this is that I see in the existing Nextcloud codebase