style css 裏使用import和自定義的目錄

import前面加 @ 符號

目錄關鍵字前加 ~ 符號

例如：

<style lang="stylus" scoped>
  @import '~styles/varibless.styl'
</style>

注意：以上代碼中自定義了styles目錄，vue項目中在build的webpack.base.cong.js中修改配置,此配置頁面修改後要重啓項目

alias: {
   'vue$': 'vue/dist/vue.esm.js',
   '@': resolve('src'),
   'styles': resolve('src/assets/styles')
}