vue-cli项目在main.js中引入，组件中使用变量报错的解决方法

这个问题真的是太搞了
首先，在main.js中@引入文件，webpack不会识别。（修改成相对路径也没用，亲测无效）。
1、安装：node-sass、sass-loader、style-loader

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

2、安装：sass-resources-loader （如果不安装的话变量会报错）

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

3、找到build/utils.js文件

 scss: generateLoaders('sass').concat(
      {
        loader: 'sass-resources-loader',
        options: {
          resources: path.resolve(__dirname, '../src/assets/style/share.scss') //这里写自己的文件路径
        }
      }
    ),

如果有更好的方法，欢迎分享哦！