时间戳

首页 > 解决方案 > Vue3 - 正确导入 SCSS？

vue.js - Vue3 - 正确导入 SCSS？

问题描述

我开始将 Vue2 应用程序升级到 v3 并立即遇到了 scss 加载问题。

使用 Vue2，我以前只是在 main.js 中执行此操作：

import "./scss/index.scss";
import "material-icons/iconfont/material-icons.scss";

导入一个index.scss导入我所有部分的主文件有什么技巧，例如：

@import 'partials/var';
@import 'partials/mixins';
@import 'partials/modal';.

我在 vue.config.js 中试过这个：

loaderOptions: {
  scss: {
    prependData: `@import "@/scss/index.scss";`,
  },
},

我有最新的：

"node-sass": "^6.0.0",
"sass": "^1.32.13",
"sass-loader": "^11.1.1",

标签： vue.jssassclassloadervuejs3sass-loader

解决方案

推荐阅读