update.前提条件Nuxtのver.1を使って個人的なプロジェクトを作っていました。SSRは使わずSPAモードでGenerateして、静的ファイル一式をサーバーにアップする形です。プロジェクトを進めて、一旦区切りが出来たので、使っているモジュール(node_modules)を全てアップデートしました。その中でも、すんなりとは行かなかったNuxtのアップデートについて書きたいと思います。アップデートしたバージョン:1.4.1から2.2.0へアップデートしたら起きたこと私はNuxtでスタイリングするときに、NuxtのデフォルトであるPostCSSとcssnextの組み合わせで書いていました。nuxt.config.jsにはCSS周りの設定は入れていません。各コンポーネントのスタイリングは、下記のようにvueファイルに書いていました。}}</style>この状態でNuxtをアップデートしたところ、cssnextのネスト(入れ子)が機能しませんでした。cssは書き出されますが、&は残ったまま書き出されてしまいます。調べてみたところNuxt2からはcssnextではなく、postcss-reset-envというのに変わっているからでした。結果から言うとpostcss.config.jsもしくは.postcssrc.jsというPostCSSの設定ファイルに、postcss-preset-envの設定を書けば大丈夫でした。私が書いた内容は下記になります。}}ステージはトランスパイル時のレベルです。stageが高いほど新しいブラウザ向けになるようです。デフォルトが2に設定されており、2だとnestingが解決されません。rulesはstate:0です。rulespostcss-preset-envその他importFrompostcss-preset-envのimportFromは共通で使う変数とかを読み込んでおくことができます。便利!ver.1の時は、変数を書いたcssファイルを各コンポーネントで@importして読み込んでいました。(ver.1でも何かのやり方で出来たのかもですが、今回知ることが出来て嬉しかったです)~/assetsと~assetsまた、地味ですが、css内では~/assetsを~assetsに変更する必要があります。それだけですが、地味に手間です。Nuxt.jsCSSですこし躓きましたが、それ以外は特に引っかからずにver.2へ移行出来ました。upLoginユーザーは見つかりませんでした。