vue项目全局中引入scss

一、概述

有一个scss文件，需要应用到每一个vue文件。如果每一个vue文件写重复代码，浪费精力。

关于scss的安装，请参考链接：https://www.cnblogs.com/xiao987334176/p/14468510.html

 

二、修改配置

安装依赖

npm install sass-resources-loader --save-dev

 

修改文件

修改build中的utils.js

将

scss: generateLoaders('sass'),

替换为：

scss: generateLoaders('sass').concat(
  {
    loader: 'sass-resources-loader',
    options: {
      //你自己的scss全局文件的路径
      resources: path.resolve(__dirname, '../src/styles/iconfont.scss')
    }
  }
),

注意：iconfont.scss就是我需要引入的公共文件。这里我在src目录下，创建了styles文件夹。

请根据实际情况修改。

 

 

本文参考链接：

https://www.cnblogs.com/qlb-7/p/12794287.html