question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

nuxt config.css priority High than module config

See original GitHub issue

Config nuxt.config.js css option. My css option value is

export default { css: ['a.css', 'tailwind.css'] }

But in runtime ‘tailwind.css’ priority High than ‘a.css’. it will override ‘a.css’ same css rule. because tailwindcss-module auto insert ‘tailwind.css’ in head for config.css value

So i suggest : nuxt config.css priority High than module config. when config.css has ‘tailwind.css’. module will skip css insert option.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
Atinuxcommented, Jul 16, 2020

What about having cssPath: false to disable adding the CSS?

This could be done easily with a PR @sei-jdshimkoski

1reaction
sei-jdshimkoskicommented, Jul 15, 2020

Well, that was a complete failure. Was worth a shot but hacky anyway.

Hopefully, a future version of this will enable the ability to disable auto-injection of the tailwind.css file.

Read more comments on GitHub >

github_iconTop Results From Across the Web

nuxt config.css priority High than module config #107 - GitHub
So i suggest : nuxt config.css priority High than module config. when config.css has 'tailwind.css'. module will skip css insert option.
Read more >
Configuration - Nuxt
Nuxt lets you define the CSS files/modules/libraries you want to set globally (included in every page). In case you want to use sass...
Read more >
Nuxt & Vuetify: how to control the order in which CSS files are ...
I believe you'd have to edit nuxt.config.js. The technique of importing vuetify css in your custom css, and disabled automatic load of it ......
Read more >
Options - Nuxt Tailwind
Configure Nuxt Tailwind easily with the tailwindcss property. ... 'low-priority' will have lower priority than Tailwind stylesheet, // while 'high-priorty' ...
Read more >
Optimizing resource loading with Priority Hints - web.dev
For example, in-viewport images may have a High priority while the ... rather than explicitly setting the priority to "High" or "Low" and ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found