vue 中使用全局scss

css的全局样式可以在html中通过link引入，但scss不行，也不能在main.js中引入，只能在配置文件中设置

<link rel="stylesheet" href="static/style/reset.css" type="text/css">

1、首先要安装scss依赖

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

2、在build/utils.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: { //你自己的scss全局文件的路径 resources: path.resolve(__dirname, '../static/style/common.scss') } } ), stylus: generateLoaders('stylus'), styl: generateLoaders('stylus') }

只要版本没错就可以使用了，报错的话注意看看是不是scss版本过高或过低