global stylus imported in Vue while using TailwindCSS, node.js runtime cost 3000MB RAM #3474
Unanswered
ShookLyngs
asked this question in
Help
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Trying to use Mand-Mobile, an UI tool-kit, along with the powerful TailwindCSS.
I imported a stylus file to global, in vue.config.js, just to cover the default theme of the UI tool-kit.
This is the documentation i followed:
https://didi.github.io/mand-mobile/#/zh-CN/docs/theme
And i imported TailwindCSS like this, in the main.js file.
import 'tailwindcss/tailwind.css';
At first i didn't notice anything wrong, until i start building the project to production.
The building process was so slow, it takes 5 minutes(or more) to finish the task, every time.
And then i realized every time i run the project, its not only charging lots of times, it also takes a lot of RAM.
The node.js runtime program need 3000MB to run the project.
So is there a way for TailwindCSS, to ignore some of the style files that has nothing to do with TailwindCSS?
Cause the file that i imported in vue.config.js, to every .vue files, it was meant to just cover the default theme of the UI tool-kit.
I used @apply in other stylus files, and i had refactored them to TailwindCSS plugins.
But as long as I imported the theme file to global, the high RAM charging just wouln't stop.
Please help out, Thanks!
Beta Was this translation helpful? Give feedback.
All reactions