vue2引入公共的scss文件

vue项目中使用scss

第一步：下载依赖模块

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

第二步：修改build文件夹下的utils.js

将

scss: generateLoaders('sass')

修改为

scss: generateLoaders('sass').concat(
   {
        loader: 'sass-resources-loader',
        options: {
          resources: path.resolve(__dirname, '../src/assets/common.scss')//引入的scss文件位置
        }
   }
)

第三步：直接使用common.scss就可以

下面贴一下我的代码
这是我的common.scss文件的内容

这是我在组件使用（不需要任何引用，直接使用即可）：