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')

    }

  },