vue导入文件

Question

在vue中的css部分，看到以下导入文件的方法：

<style scoped lang="stylus" rel="stylesheet/stylus">
    @import "~common/stylus/variable"
    @import "~common/stylus/mixin"
    
</style>

在webpack中指定了文件路径前缀，为什么还有~？

Answer 1

import 和 require 才有用

Answer 2

这个 ~ 是你自己指定的符号，你可以看你的webpack的resolve 的 alias部分，
就比如：

alias: {
      '~src': resolve('src'),
      '~components': resolve('src/components'),
      '~pages': resolve('src/pages'),
      '~assets': resolve('src/assets'),
      '~store': resolve('src/store')
    }