content【Vue.js】Vue-CLI(4.1.1)でSCSSを読み込む手順scss初心者Vue.jsvue-cliはじめにVue-CLIを使ってSCSSファイルを読み込むための記事は数多くヒットするのですが、古い情報も多いです。4.1.1でうまくいった手順を残しておきます。4.1.1手順1.新規プロジェクト作成まずはVue-CLIで新しく生成します。今回プロジェクト名はtestとします。※長ったらしくなりますが、一応全て載せておきます。最後の設定保存はお好みで良いと思います。2.SCSSファイルの用意ここからはこの記事の通りに実施でOKでした。QiitaSCSSの構成は、今回説明用なのでかなりシンプルにしておきます。メインtest/src/assets/sass/main.scss変数定義・mixinなど直接スタイル定義しないものtest/src/assets/sass/prepends.scss3.main.jsに追記main.jsrequire('@/assets/sass/main.scss')main.scssを読み込みます。vue.config.jstestディレクトリ直下に移動し、vue.config.jsを作成します。※package.jsonがあるディレクトリです。}};こちらにprepends.scssを読み込みます。servevue.config.jsに追記した後はビルドし直す必要があります。Hamano@terufumi1122小売業経験8年。未経験からサーバーサイドエンジニアになることを決めた人。ストックついでに「いいね!」もしてもらえると嬉しいです。upLoginユーザーは見つかりませんでした。