一、概述

有一个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

Logo

前往低代码交流专区

更多推荐