sass-loader如何在webpack配置引用根目录

Question

在vue项目中用了scss，然后有设置全局的scss文件，但引用的时候总是要用相对定位才能成功引用，查看sass-loader的文档也没看出个所以然来，特来请教~~怎么才能可以像vue一样，@表示src目录呢

Answer 1

webpack中alias设置一个别名，例如：
resolve: {
    extensions: ['', '.js', '.vue'],
    fallback: [path.join(__dirname, '../node_modules')],
    alias: {
      'src': path.resolve(__dirname, '../src')
    }
  },