私はgulpとを使用しgulp-lessてファイルを前処理して.lessおり、時間の経過とともにかなり複雑な構造を考え出すようになりました。これにより、ある程度の柔軟性が得られますが、デバッグが困難になることもあります。
現在、main.cssファイルの先頭に次の出力があります。
@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
私のすべてのメディアクエリは変数で定義され、ミックスインで呼び出されるため、デバッグが非常に簡単であるように思われます....しかし、これを生成する必要があるファイルは何もありません-少なくともこれまでのところ私が知ることができるように-実際、これを潜在的に生成する可能性のある解析対象の候補はそれほど多くありません-そのため、私は少し立ち往生しています。
しかし実際には、何が原因であるかに関係なく、より大きな問題は、潜在的に複雑なless出力をどのようにデバッグするかということです。あちこちにコメントを貼り付ける以外に、私が知っている明らかなトリックはありません。
何か助けはありますか？