why nuxt.js global css on config is not working?
I try to put css files on assets
assest/css/style.css
and call it to my nuxt.config.js
but it is not working i need to use global css not scoped css
can someone help me?
when i add css
in the nuxt.config.js
/*
** Global CSS
*/
css: [
'~assets/css/style.css'
],
its not working ?
nuxt version 2
nuxt.js
asked Nov 10 '18 at 7:06
ashpink
32
add a comment |
I try to put css files on assets
assest/css/style.css
and call it to my nuxt.config.js
but it is not working i need to use global css not scoped css
can someone help me?
when i add css
in the nuxt.config.js
/*
** Global CSS
*/
css: [
'~assets/css/style.css'
],
its not working ?
nuxt version 2
nuxt.js
asked Nov 10 '18 at 7:06
ashpink
32
Hi, welcome to stack overflow. Please refer the How to Ask link for more details on how to ask a question and update your question accordingly.
– Jeroen Heier
Nov 10 '18 at 7:17
it should work, provide full not working code otherwise
– Aldarund
Nov 10 '18 at 10:24
Have you tried turning it off and on again? Seriously, changes in nuxt.config.js aren't applied unless you restart nuxt. Make some ridiculously obvious change in your CSS that you simply can't miss, like setting the background of the body to#0000ff !importantor something, just so you can be certain it's not just some other stylesheet you're loading that overrides your own CSS.
– Simon Hyll
Nov 14 '18 at 1:36
add a comment |
I try to put css files on assets
assest/css/style.css
and call it to my nuxt.config.js
but it is not working i need to use global css not scoped css
can someone help me?
when i add css
in the nuxt.config.js
/*
** Global CSS
*/
css: [
'~assets/css/style.css'
],
its not working ?
nuxt version 2
nuxt.js
asked Nov 10 '18 at 7:06
ashpink
32
I try to put css files on assets
assest/css/style.css
and call it to my nuxt.config.js
but it is not working i need to use global css not scoped css
can someone help me?
when i add css
in the nuxt.config.js
/*
** Global CSS
*/
css: [
'~assets/css/style.css'
],
its not working ?
nuxt version 2
nuxt.js
nuxt.js
asked Nov 10 '18 at 7:06
ashpink
32
asked Nov 10 '18 at 7:06
ashpink
32
edited Nov 11 '18 at 23:41
asked Nov 10 '18 at 7:06
ashpink
32
asked Nov 10 '18 at 7:06
ashpink
32
asked Nov 10 '18 at 7:06
ashpink
32
32
Hi, welcome to stack overflow. Please refer the How to Ask link for more details on how to ask a question and update your question accordingly.
– Jeroen Heier
Nov 10 '18 at 7:17
it should work, provide full not working code otherwise
– Aldarund
Nov 10 '18 at 10:24
Have you tried turning it off and on again? Seriously, changes in nuxt.config.js aren't applied unless you restart nuxt. Make some ridiculously obvious change in your CSS that you simply can't miss, like setting the background of the body to#0000ff !importantor something, just so you can be certain it's not just some other stylesheet you're loading that overrides your own CSS.
– Simon Hyll
Nov 14 '18 at 1:36
add a comment |
Hi, welcome to stack overflow. Please refer the How to Ask link for more details on how to ask a question and update your question accordingly.
– Jeroen Heier
Nov 10 '18 at 7:17
it should work, provide full not working code otherwise
– Aldarund
Nov 10 '18 at 10:24
Have you tried turning it off and on again? Seriously, changes in nuxt.config.js aren't applied unless you restart nuxt. Make some ridiculously obvious change in your CSS that you simply can't miss, like setting the background of the body to#0000ff !importantor something, just so you can be certain it's not just some other stylesheet you're loading that overrides your own CSS.
– Simon Hyll
Nov 14 '18 at 1:36
Hi, welcome to stack overflow. Please refer the How to Ask link for more details on how to ask a question and update your question accordingly.
– Jeroen Heier
Nov 10 '18 at 7:17
Hi, welcome to stack overflow. Please refer the How to Ask link for more details on how to ask a question and update your question accordingly.
– Jeroen Heier
Nov 10 '18 at 7:17
it should work, provide full not working code otherwise
– Aldarund
Nov 10 '18 at 10:24
it should work, provide full not working code otherwise
– Aldarund
Nov 10 '18 at 10:24
Have you tried turning it off and on again? Seriously, changes in nuxt.config.js aren't applied unless you restart nuxt. Make some ridiculously obvious change in your CSS that you simply can't miss, like setting the background of the body to
#0000ff !important or something, just so you can be certain it's not just some other stylesheet you're loading that overrides your own CSS.– Simon Hyll
Nov 14 '18 at 1:36
Have you tried turning it off and on again? Seriously, changes in nuxt.config.js aren't applied unless you restart nuxt. Make some ridiculously obvious change in your CSS that you simply can't miss, like setting the background of the body to
#0000ff !important or something, just so you can be certain it's not just some other stylesheet you're loading that overrides your own CSS.– Simon Hyll
Nov 14 '18 at 1:36
add a comment |
1 Answer
1
active
oldest
votes
I came across the same issue and solved it putting the file path to my css inside the css options and inside modules. Example code below. Hope it helps. I'm also using nuxt-sass-resources-loader to load my sass files globally.
css: [
'@/assets/css/reset.css',
'@/assets/css/main.scss',
],
modules: [
[
'nuxt-sass-resources-loader',
['./assets/css/main.scss'],
['./assets/css/reset.css']
]
],
answered Dec 8 '18 at 16:03
David Cortizo
16
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53236783%2fwhy-nuxt-js-global-css-on-config-is-not-working%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I came across the same issue and solved it putting the file path to my css inside the css options and inside modules. Example code below. Hope it helps. I'm also using nuxt-sass-resources-loader to load my sass files globally.
css: [
'@/assets/css/reset.css',
'@/assets/css/main.scss',
],
modules: [
[
'nuxt-sass-resources-loader',
['./assets/css/main.scss'],
['./assets/css/reset.css']
]
],
answered Dec 8 '18 at 16:03
David Cortizo
16
add a comment |
I came across the same issue and solved it putting the file path to my css inside the css options and inside modules. Example code below. Hope it helps. I'm also using nuxt-sass-resources-loader to load my sass files globally.
css: [
'@/assets/css/reset.css',
'@/assets/css/main.scss',
],
modules: [
[
'nuxt-sass-resources-loader',
['./assets/css/main.scss'],
['./assets/css/reset.css']
]
],
answered Dec 8 '18 at 16:03
David Cortizo
16
add a comment |
I came across the same issue and solved it putting the file path to my css inside the css options and inside modules. Example code below. Hope it helps. I'm also using nuxt-sass-resources-loader to load my sass files globally.
css: [
'@/assets/css/reset.css',
'@/assets/css/main.scss',
],
modules: [
[
'nuxt-sass-resources-loader',
['./assets/css/main.scss'],
['./assets/css/reset.css']
]
],
answered Dec 8 '18 at 16:03
David Cortizo
16
I came across the same issue and solved it putting the file path to my css inside the css options and inside modules. Example code below. Hope it helps. I'm also using nuxt-sass-resources-loader to load my sass files globally.
css: [
'@/assets/css/reset.css',
'@/assets/css/main.scss',
],
modules: [
[
'nuxt-sass-resources-loader',
['./assets/css/main.scss'],
['./assets/css/reset.css']
]
],
answered Dec 8 '18 at 16:03
David Cortizo
16
answered Dec 8 '18 at 16:03
David Cortizo
16
answered Dec 8 '18 at 16:03
David Cortizo
16
answered Dec 8 '18 at 16:03
David Cortizo
16
16
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53236783%2fwhy-nuxt-js-global-css-on-config-is-not-working%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Hi, welcome to stack overflow. Please refer the How to Ask link for more details on how to ask a question and update your question accordingly.
– Jeroen Heier
Nov 10 '18 at 7:17
it should work, provide full not working code otherwise
– Aldarund
Nov 10 '18 at 10:24
Have you tried turning it off and on again? Seriously, changes in nuxt.config.js aren't applied unless you restart nuxt. Make some ridiculously obvious change in your CSS that you simply can't miss, like setting the background of the body to
#0000ff !importantor something, just so you can be certain it's not just some other stylesheet you're loading that overrides your own CSS.– Simon Hyll
Nov 14 '18 at 1:36