scss/sass在vue的使用

在vue的css样式中，使用@import和@include可以导入和使用外部的scss/sass

就是在.talk这个类中使用外层scss中定义好的mixin方法；

scss的全局使用

如果想要全局定义使用某个scss文件时，除了scss的2个依赖（sass-loader和node-sass）外，还需要现在（sass-resources-loader）这个依赖

npm sass-resources-loader -d

下载完成后，在build中的utils.js中进行配置 （注意修改你引入的路径）

之后就可以在你的vue-cli中的任何组件中，使用@include来使用这里面的内容了

scss: generateLoaders('sass').concat({ 
  loader: 'sass-resources-loader', 
  options:{ 
  resources: path.resolve(__dirname,'../src/common/mixin/scale-1px.scss') 
  } 
}),