@符號(hào)在vue路徑中直指src文件夾，這是構(gòu)建項(xiàng)目時(shí)默認(rèn)設(shè)置好的。具體設(shè)置如下：
build/webpack.base.conf.js

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

如果需要自定義修改styles文件夾為直接路徑，方法如下：

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

使用方法：
@import '~styles/varibles.styl'
文件目錄如下，如有不同可自行修改。修改webpack配置后，一定要記得重啟服務(wù)，避免報(bào)錯(cuò)。

image.png