开启掘金成长之旅！这是我参与「掘金日新计划 · 2更文挑战」的第14天 点击查看活动详情

前言

前端大部分的项目都是需要用到scss的，今天就稍微的浅学一下。

v2/v3配置scss

1.下载安装插件，代码如下：

// 下载对应的loader,方便在webpack中配置使用

npm install --save-dev sass-loader

// 下载scss

npm install --save-dev node-sass

2.1 vue2 中配置config.js

{ test: /.scss$/, loaders: ["style", "css", "sass"] },

2.2 v3全局样式配置vite.js

src创建一个css文件，css文件下创建一个全局样式文件global.scss

css: {
        loaderOptions: {
            scss: {
                prependData: `@import "~@/css/global.scss";`
            }
        }
    }