vue项目全局中引入scss

发布时间:2021-05-27 20:46:09编辑:admin阅读(112)

    一、概述

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


关键字