Javascript 如何在vue组件中设置@import~手写笔的网页包？

我试图在vue组件中导入variables.stylus，但当我使用

@import“~@themes/variables.stylus”

时，网页包抛出错误：

未能找到@import file~@themes/variables.stylus.styl

网页包配置

alias: {
      'vue$': 'vue/dist/vue.esm.js',
       themes: path.resolve(__dirname, './src/themes'),
       '@': resolve('src'),
 }

 {
     test: /\.styl$/,
     loader: ['style-loader', 'css-loader', 'autoprefixer-loader?browsers=last 5 version', 'stylus-loader']
 }

---

我认为应该是这样的：

@import'~@/themes/variables.stylus'；

Webpack将别名

@

替换为配置中的路径，在本例中为

src

。因此导入变成

src/themes/variables.stylus