VueJS Webpack - 无法添加新别名，不加载vue文件

Question

所以说我的.vue文件中有以下内容：

import VContainer from '@/styleguide/components/organisms/Container';

我和我的别名设置如下：

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

当我尝试为styleguide组件添加新别名时：

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

然后尝试执行以下操作：

import VContainer from 'styleguide/organisms/Container';

我收到以下错误...

无法解析模块的路径

有什么我想念的吗？用〜像... qazxsw poi前缀它也不起作用

Answer 1

在这里添加答案，以防人们以相同的问题到达此处。

我认为你所做的绝对应该有效，而且我正在调试类似的问题一段时间。我发现修复程序就像重新启动webpack一样简单，因为它似乎没有“热重新加载”对配置的更改。

我认为值得仔细检查。