stylus里面import问题

Question

在vue里面使用stylus，但是在导入公共stylus的时候，使用了
@import '~common/stylus',我不太清楚~这个是什么意思，我尝试去看webpack里面resolve的配置，里面只有配置了common，但是并没有配置~这个符号，而且在这里面stylue尝试不去编译什么这个~应该在‘’单引号外面，我在其他地方尝试去理解这个问题，less里面这样写或者其他的，说是告诉webpack让他去解析这个样式作为一个模块或者去node_modules里面去加载，但是我不太怎么理解

Answer 1

你在webpack配置了一些路径绝对路径地址。然后引入图片文件的时候，就可以不用写相对路径，同时也能少写很多路径，所以问题来了。直接写配置的路径的话，webpack识别不了。所以要加上~这个符号，用来告诉这个路径是绝对路径，

resolve: {
    modules: [path.join(__dirname, '../node_modules')],
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'img': resolve('src/assets/img')
    }
  }