vue3 使用 vue.config.js 配置使用scss全局变量_vue.config.js配置scss_空晓天的博客-程序员秘密

vue3 使用 vue.config.js 配置使用scss全局变量

记录学习和开发中遇到的问题或难题

刚开始我在网上查找了许多资料，都是需要什么安装安装 sass-resources-loader 和配置什么乱七八糟的，我没有尝试过，因为我觉得根本不需要这么麻烦

通过查阅资料和尝试，我发现只要在 vue.config.js 配置一下就可以了，我配置的环境是 vue3，但是我觉得 vue2 也应该适用，废话不多说，配置如下：

module.exports = {
    
	css: {
    
        loaderOptions: {
    
            sass: {
    
            // 具体路径根据你们项目来
                additionalData: `@import "@/assets/theme.scss";`
            },
            scss: {
    
                additionalData: `@import "@/assets/theme.scss";`
            }
        }
    }
}

个人博客 http://www.sharekong.xyz 欢迎访问

本文链接：https://blog.csdn.net/qq_43390928/article/details/121247269

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

linux 下获取当前工作路径的方法_只此冒泡君的博客-程序员秘密

获取工作路径这里介绍两种方法：1.使用getcwd（）函数。头文件：#include 定义函数：char * getcwd(char * buf, size_t size);函数说明：getcwd()会将当前的工作目录绝对路径复制到参数buf 所指的内存空间，参数size 为buf 的空间大小实例：void getPath（）{ char pPath[

Qt界面中嵌入其他exe程序的界面，使用Qt5_anhuang0693的博客-程序员秘密

下面用一个小例子来演示如何在Qt的界面中嵌入其他exe程序的界面，最终效果如下图所示。本文参考了http://blog.csdn.net/jiaoyaziyang/article/details/49802993，感谢原作者。下面是具体的实现方法，用Windows自带的计算器程序做例子。主要的思路就是获取到计算器程序的窗口类名称，然后在Qt中利用QWindo...

[学习笔记—Objective-C]《Objective-C 程序设计第6版》第七章类_J_Knight的博客-程序员秘密

本章的学习笔记以本书第六章的例题(两个分数的加法)为主线展开，逐步介绍重要的知识点。Part 1. 合成存取方法从Objective-C 2.0 开始，可自动生成设置方法和取值方法：通过属性。接口文件：@interface Fraction : [email protected] int numerator, denominator; //分子，分母实现文件：@implementation Frac

Android NFC开发概述_weixin_30889885的博客-程序员秘密

NFC手机相比普通手机来说，有以下3个附加功能：　　1.可以当成POS机来用，也就是“读取”模式　　2.可以当成一张卡来刷，也就是NFC技术最核心的移动支付功能　　3.可以像蓝牙、Wi-Fi一样做点对点通信NearField Communication (NFC) 为一短距离无线通信技术，通常有效通讯距离为4厘米以内。NFC工作频率为13.65 兆赫兹，通信速率为106 kbit...

黑马程序员——java基础：集合_卡洛的博客-程序员秘密

14.1 为什么出现集合类？面向对象语言对事物的体现都是以对象的形式，所以为了方便对多个对象的操作，就对对象进行存储，集合就是存储对象最常用的一种数组和集合类同事容器，有何不同？数组虽然也可以存储对象，但长度是固定的；集合长度是可变的，数组中可以存储基本数据类型，集合只能存储14.3 迭代器迭代：就是取出集合中元素的一种方式

Kotlin编程之路——如何在Android studio环境使用kotlin开发_闫瑞锋的博客-程序员秘密

前言前面说了那么多，只是和kotlin有了一个大概的认知而已，如果没有经常去使用，久而久之就会忘记，所以是时候和Kotlin打交道的时候了，前面只是介绍Kotlin如何如何的，没有一个示例源码项目来为解剖kotlin的真面目，下面就开始为大家讲解如何在Android studio环境使用kotlin开发。本篇文章是基于Android studio...