前提
scssからcssへのコンパイルを行いコーディングを進めているのですが、CSSがおおよそ9万5千行を超えたあたりからいままでcssと認識されていたものが認識されなくなってしまいました。
ファイルの中にpriceWeb.scssがあり一定量を超えて追記するとpriceWeb.scssの下の方の
scssの内容がローカルサーバー上でcssと認識されなくなってしまいます。
記述量が増えるほど下の方から順にcssが認識されずにgoogleの検証機能をつかうとアスタリスクになる具合です。
style.scssの
@use "whatChoicedGraphic";
@use "whatChoicedWeb";
@use "whatChoicedMovie";
@use "whatChoicedRetouch";
@use "question";
@use "friendIntro";
@use "priceGraphic";
@use "priceRetouch";
@use "priceMovie";
@use "priceWeb";
の順番を@use "priceWeb";を上の方にして
@use "priceWeb";
@use "whatChoicedGraphic";
@use "whatChoicedWeb";
@use "whatChoicedMovie";
@use "whatChoicedRetouch";
@use "question";
@use "friendIntro";
@use "priceGraphic";
@use "priceRetouch";
@use "priceMovie";
としたら、@use "priceWeb";は正常に作動し逆に@use "priceMovie";
の方がcssを認識しなくなりました。
やはりcssの文字数が原因かと思われます。
こちら、私の現在制作途中のWebサイトです。料金の種類がたくさんあるため、どうしてもCSSの分量が
多くなってしまいます。省略等できればしたいと考えております。
問題ページ
https://sampleserver3.sakura.ne.jp/priceWeb.html
何卒、宜しくお願い致します。
実現したいこと
CSSが反映するようにする
発生している問題・エラーメッセージ
cssが9万5000行を超えたあたりから反映されない。
なし
該当のソースコード
HTML CSS Jquery
ソースコード
こちら、一部の作成データですが、よろしければお手隙お際にご確認いただければ幸いです。
https://64.gigafile.nu/0103-gf40bc6b257820465cb4c52e18df5327f
試したこと
あらたなフォルダーの作成
コンパイルソフトの変更
SCSSの量を増やしたり減らしたりして、ある一定以上のCSS記述量になると反映さえないと確認。
minifyをしましたが、改善はされませんでした。
ファイルも1ファイルあたり当初CSSが反映された分量の半分以下になるように分割しましたが
効果はないようです。
補足情報(FW/ツールのバージョンなど)
VSコード使用
ローカル環境
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー