I set up a demo app based on the instructions on here: http://ionicframework.com/getting-started/
But the file structure that I wind up with doesn’t match up with the instructions in the SASS tutorial here: http://ionicframework.com/tutorials/customizing-ionic-with-sass/
The SASS instructions say to download the latest version of Ionic, and give a recommended file structure that looks like this:
- app.css (processed CSS file that will automatically be generated)
- ionic/ (entire scss directory copied from the download, then renamed to “ionic”)
- app.scss (your app’s custom Sass file)
But the demo app that is generated using “ionic start myApp sidemenu” gives you this file structure:
The tutorials and demos are great for helping noobies like me, but having them not match up makes things a little hard to follow.
Which file structure is better to use?
The SASS instructions say to use this command to watch the sass files “sass --watch scss/app.scss:css/app.css”, but I don’t have a scss/app.scss file anywhere, even though I do have a www/lib/scss/ionic-app.scss file. Is that the one I should be watching?