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

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


  resolve: {

    alias: {

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

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

        '@': 'src',

      '@src': 'src'

    },

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

  },

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

http://img1.mukewang.com/628a1d040001f78c04301202.jpg

肥皂起泡泡
浏览 272回答 1
1回答

胡子哥哥

webpack.config.js我在我的文件夹中创建了一个单独的文件.storybook并使用了以下配置。config.resolve.alias = {    ...config.resolve.alias,    '@': path.resolve(__dirname, '../src/'),    vue$: 'vue/dist/vue.esm.js'};确保还添加vue$,否则 vue 编译器将被破坏。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript