使用 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 编译器将被破坏。