vue引入全局sass/less变量、function、mixin

当我们使用vue框架开发的时候，会使用一些全局配置，但是每当我们使用这些全局变量时，每个vue文件或者组件都必须导入该文件@import ‘variables.scss’,那得重复做这样的工作很多很多...次，过程显得非常繁琐。

下面给大家介绍一个解决该难题的办法，好了废话不多说，直接上干货，sass-resources-loader,它可以省去重复性的引入，还支持less,postcss等，具体用法如下：

npm install -d sass-resource-loader

首先招到项目build目录下的util.js文件

'use strict'
const path = require('path')
const config = require('../config')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const packageConfig = require('../package.json')

exports.assetsPath = function(_path) {
  const assetsSubDirectory =
    process.env.NODE_ENV === 'production'
      ? config.build.assetsSubDirectory
      : config.dev.assetsSubDirectory

  return path.posix.join(assetsSubDirectory