webpack - 我需要同时使用Vue2和Vue3，Webpack如何配置别名

Question

我有不同的入口，项目A使用Vue2，项目B使用Vue3

我 npm 安装了 Vue2 & Vue3 的依赖

Vue2：vue-loader 15.9.6 vue-template-compiler 2.6.12

Vue3：vue-loader 16.1.2 @vue/compiler-sfc 3.0.7

Webpack如何配置别名

// webpack.common.js
module.exports = {
  resolve: {
    extensions: ['.ts', '.js', '.vue', '.json'],
    alias: {
      '@': path.resolve(__dirname, '../src'),
      // 'vue': '@vue/runtime-dom', // vue3
      'vue': 'vue2/dist/vue.esm.js', // vue2
    }
  },
}

标签： webpackvuejs2vuejs3vue-loaderwebpack-5