鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ stylus里面import問題

stylus里面import問題

在vue里面使用stylus，但是在導(dǎo)入公共stylus的時(shí)候，使用了
@import '~common/stylus',我不太清楚~這個(gè)是什么意思，我嘗試去看webpack里面resolve的配置，里面只有配置了common，但是并沒有配置~這個(gè)符號(hào)，而且在這里面stylue嘗試不去編譯什么這個(gè)~應(yīng)該在‘’單引號(hào)外面，我在其他地方嘗試去理解這個(gè)問題，less里面這樣寫或者其他的，說是告訴webpack讓他去解析這個(gè)樣式作為一個(gè)模塊或者去node_modules里面去加載，但是我不太怎么理解

回答
編輯回答
厭惡我

你在webpack配置了一些路徑絕對(duì)路徑地址。然后引入圖片文件的時(shí)候，就可以不用寫相對(duì)路徑，同時(shí)也能少寫很多路徑，所以問題來了。直接寫配置的路徑的話，webpack識(shí)別不了。所以要加上~這個(gè)符號(hào)，用來告訴這個(gè)路徑是絕對(duì)路徑，

resolve: {
    modules: [path.join(__dirname, '../node_modules')],
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'img': resolve('src/assets/img')
    }
  }
2018年6月19日 00:28