webpack3.x+vue2.x+sass项目中，sass提取全局引用

此文首发于 https://lijing0906.github.io
接近年底，工作没有那么忙，业余时间就比较多了，就想着把小demo整合到一起，自己搭建一个项目。
在网上找了两篇博客作为参考：在vue中使用sass的配置的方法、vue引入sass全局变量

基础依赖包安装

安装sass-loader和node-sass(sass-loader依赖于node-sass)。-D是–save-dev的缩写，依赖包在开发环境和生产环境都需要；对应的-S是–save的缩写，只需在生产环境需要。

    $ cnpm i node-sass sass-loader -D

webpack配置

在build文件夹下的webpack.base.conf.js的rules里面添加以下配置代码：

{
   
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}

写sass样式

在App.vue文件中写上sass代码，测试配置是否成功。

<style lang="scss">
    $backgroundColor: #000;
    body{
    </