Can someone please, for the love of God, tell me what I'm doing wrong with my Vue setup
I've lost way too many hours trying to sort this out, so I'm begging you all here. I have a Vue starter app built with Webpack:
https://github.com/chaseries/vue-basic
Everything is good, everything is what I expect—except styles. They just don't work. They never get applied. I have spent ungodly hours trying to figure out why, and I still have no idea. I'm sure I'm betraying some fundamental misunderstanding about Vue or Webpack.
I know the loaders are being applied correctly because it compiles correctly and the style output is there in the dist. It just doesn't work. But when I compare it to my similar (totally functioning!) projects' configs—or those of others, or to the docs—I see no major difference. Someone please tell me why I'm nuts.
Check src/App.vue or src/page/Index.vue files to see that there are styles, both .css and .sass, and that the class names are correct. The build/ directory contains the config.
Posted Sep 16, 2020, 12:46 AM UTC
Why not start the project using vue-cli?
I'm just not in love with some of the decisions in vue-cli, so I just intended on making a starter project to clone when I wanted something new.
Decisions like what exactly?
Not the OP but it's hard to know what dependencies and how the stack works. It's also very awkward to customize - you can "chain" to the config using `vue.config.js`, but if the OP is anything like me I want all my configuration right there in my project, not buried away in node_modules. I like to know how my tools work.
Vue CLI is good to get going, but not if you want complete control over your setup. Each to their own!