Nuxtで運用しているサービスで productionビルドリリース したもののみスタイル崩れが発生する、という不具合に遭遇。 詳しく調査した結果、スタイル適用順序がproductionビルドとそれ以外とで違ってくる、というのが原因でした。 確認した環境 nuxt@2.11.0 スタイルはsass(scss)を選択 発生パターンと根本的な原因 これは幅広く発生するというものではなく、特定の条件の場合にのみ発生。 以下のように 自ら定義したカスタムコンポーネントにスタイル上書きをする 場合にのみ発生します。 <template> <div class="container"> </div> </template> <style lang="scss" scoped> .container { width: 100%; height: 100px; background-color: #f00