使用 Storybook/vue 时别名不起作用

Question

我正在为 Vue 使用Storybook，并且我正在尝试将别名添加到 webpack 配置中storybook/main.js：

  resolve: {

    alias: {

      'vue$': 'vue/dist/vue.esm.js',

      '@': path.resolve('src'),

        '@': 'src',

      '@src': 'src'

    },

    extensions: ['*', '.js', '.vue', '.json']

  },

这是我的文件结构的样子：

Answer 1

webpack.config.js我在我的文件夹中创建了一个单独的文件.storybook并使用了以下配置。config.resolve.alias = {    ...config.resolve.alias,    '@': path.resolve(__dirname, '../src/'),    vue$: 'vue/dist/vue.esm.js'};确保还添加vue$，否则 vue 编译器将被破坏。