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