vue项目全局中引入scss

发布时间：2021-05-27 20:46:09编辑：admin阅读（2717）

    一、概述

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


关键字：

上一篇： ElementUI 实现Table组件实现拖拽效果

下一篇： vue使用iconfont