vue中全局使用scss

在vue中全局使用scss需要先安装 sass-resources-loader，使用npm install sass-resources-loader --save-dev 命令安装。

然后在util.js文件夹里修改：

return {
		css: generateLoaders(),
		postcss: generateLoaders(),
		less: generateLoaders('less'),
		sass: generateLoaders('sass', {
			indentedSyntax: true
		}),
//		  scss: generateLoaders('sass'),
				scss: generateLoaders('sass').concat({
					loader: 'sass-resources-loader',
					options: {
						resources: path.resolve(__dirname, '../src/assets/scss/base.scss')
					}
				}),
//		scss: generateLoaders('sass', {
//			data: '@import "../assets/scss/base";'
//		}),
		stylus: generateLoaders('stylus'),
		styl: generateLoaders('stylus')
	}

然后重启服务就可以了。