style.less ファイル (現在、サイト全体で 3000 行のスタイルシート コードが含まれています) を複数のスタイルシート (navigation.less、buttons.less、footer.less など) に分割しようとしています。
次に、これらの個々のスタイルシートをすべて、all.css にコンパイル/縮小する all.less などのマスター スタイルシートに @import するとします。
このスタイルを個々のシートに分割する際に発生している問題の 1 つは、変数参照が壊れていることです。たとえば、ボタンの CSS を buttons.less に移植すると、ボタンの CSS には、styles.less で定義された LESS 変数への参照が含まれます。この問題を解決するにはどうすればよいですか?
私の CSS コードを LESS でモジュール化するためのより良い方法はありますか? 1 つのファイルに対して 3000 行の LESS コードが完全に管理不能になり、分割する必要があります。