安装sass-resources-loader工具

npm install sass-resources-loader

新建公共scss文件 eg：publicScss.scss

在 vue.config.js 进行如下配置

prependData里配置自己的公共scss路径

module.exports = {
  publicPath: './',
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/assets/style/publicScss.scss";`  //配置公共的scss样式
      }
    }
  }
}

好了，接下来就可以在需要用到的地方直接写上需要的样式名称就可以引用了

如何引用配置公共的scss文件
安装sass-resources-loader工具新建公共scss文件 eg：publicScss.scss 在...
npm引入material-design-icons-iconf
安装配置scss文件在scss文件中配置
vue项目中常见问题及解决方案
webpack项目中自动引入全局scss变量文件假设我们有一个公共的scss变量文件variables.scss ...
vue 全局引入公共的scss
main.js 只能import css文件 scss文件不能直接import，全局引入公共的scss方法：步骤一...
vue局部引入scss公共文件
1.创建公共文件，定义公共样式； 2.局部引入@import '@/common/_variables.scss';
Mac中配置scss简介和使用(一)—使用篇
上一篇介绍了Mac中配置scss简介和使用(一)—配置环境这次来说说怎么把写的scss文件编译成css文件这里...
修改toast默认样式
效果图：第一步：在app.scss文件中引入公共样式，文字居中：第二步：找到variables.scss文件，...
解决scss同一样式多次引入的问题
问题描述由于接手了以前的项目，发现原来的css是用scss写的，但是在引入公共的scss文件的时候，出现一个文件...
vue项目中,scss引入字体文件报错,解决方法
首先说明,我已经配置全局引入index.scss文件,但是发现引入图标文件报错.这是我引入图标的icon.scss...
vue 加载第三方字体
1.将字体c+v到自己的项目中 2.创建一个scss文件 3.引用这个scss，文件,设置属性font-famil...