当我们使用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(ass