1. まず、プロジェクトディレクトリ src の下にスタイルファイルが入らないようにフォルダーを作成し、そのフォルダー内にインポートしたい scss ファイルを置きます
2. ターミナルを開いて scss と scss-loader をインストールします
npm install node-sass --save-dev
npm install sass-loader --save-dev
3. 次に、vue.config.js ファイルに書き込みます
css: {
extract: false,
loaderOptions: {
scss: {
// 全局引入变量和 mixin
additionalData: `
@import "@/style/App.scss";
`
}
},
},
4. $とnameで定義した変数をscssファイルに書き込みます
5. プロジェクトでの利用
6. 大丈夫だよ、ははは