ionic4 app直下のscssは勝手に読み込まれるから注意な

なぜかBootstrapで作成したデザインをionic4に入れ込む実験中。
ionicはデザイナ向けアプリ開発とか、ビジュアルからアプリを作れるプラットフォームとして現在注目を集めているみたいだけど、日本語情報が本当に少なく、本も1冊しかないなど結構苦労している…

で、ionicはプラットフォームからアプリを作れるので、デザインインポートなどしなくてもいい訳で、さらに入れ込む情報が少ないという。
まさかと思うけど私しかやってないんじゃないか(そんな訳ない)とドキドキするほど情報がないです。
大手も採り入れ始めているけど、大手の中の人はナレッジ公開とかしないしね、しょうがない。

で、app直下にscssを置いてimportで優先順位つけてやっても優先順位が変なのよ
色々試したんだけど、どうもimportしてなくても直下に設置したscssは勝手に読み込んでいるらしく
…たぶんアルファベット順に優先順位がついてるっぽい
今後の事も考えてファイル名の変更はしたくないので、app下に適当なフォルダ(フォルダ名style、安易すぎ)を置いて、自動読み込みを回避しつつapp.scssからimportという方法をとったところ意図した優先順位になった。

他でも同様の問題が起きそうなので、app直下はapp.scssだけにして、全部importで読み込むことにした。
とりあえず解決 ほっ

コメント

タイトルとURLをコピーしました