webpack配置別名后scss找不到路徑？

vue-cli搭建的項(xiàng)目

webpack.base.config.js

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
        'vue$': 'vue/dist/vue.esm.js',
        '@': resolve('src'),
        'components': path.resolve(__dirname, '../src/components'),
        '~base': resolve('src/base'),
        '~api': resolve('src/api'),
        '~common': resolve('src/components/common'),
    }
},

在vue文件中

import Slider from '~base/slider/slider.vue';
import {getRecommend} from '~api/recommend.js';
import {ERR_OK} from '~api/config.js';

這樣是可以找到文件的

但在scss文件中

@import "~common/scss/mixin.scss";
@import "~common/scss/variable.scss";

這樣就找不到了。必須從當(dāng)前scss文件路徑下開始向上找才能找到。

請問這個是在哪里配置？THANK Q.