Webpack - @ 和 ~ 区别

resolve: { // 路径别名
    alias: { 
        '@': resolve('src'), 
        'vue$': 'vue/dist/vue.esm.js'
    }
}

resolve: {
    extensions: ['.js', '.vue'],
    alias: {
        'vue': 'vue/dist/vue.esm.js',
        'components': resolve('src/components'),
        'common': resolve('src/common'),
        'config': resolve('src/config'),
        'views': resolve('src/views')
    }
}

<style scoped lang="scss">
    @import "~common/sass/variables";
    @import "~common/sass/mixin";
    /* ... */
</style>