使用webpack中的条件导入处理多个条目

Question

好的，问题是：

a.js:

export function blah() {}

b.js:

export function blah() {}

请注意，a和b导出相同的函数，在OOP中，基本上有一个基类，a和b通过该基类继承函数。

c.js:

import blah from either "./a.js" or "./b.js";

在webpack中，我需要生成两个条目，一个是c.js导入a.js，另一个是c.js导入b.js，在webpack中定义配置最优雅的方法是什么？我看了一下DefinePlugin、ProviderPlugin、ImportLoader，但仍然没有运气。

谢谢。

Answer 1

这就是我现在使用多个输出项解决问题的方法，但我想知道是否有更好的答案：

var config = [
{
  entry: {
    capp1: './c.js',
  },  
  resolve: {
    alias: {
      renderSrc$: path.resolve(__dirname, './a.js')
    }
  },  
  plugins: [             
   ],  
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist'),
  },
},
{
  entry: {
    capp1: './c.js',
  },  
  resolve: {
    alias: {
      renderSrc$: path.resolve(__dirname, './b.js')
    }
  },  
  plugins: [             
   ],  
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist'),
  },
}];

在c.js 中

import blah from "renderSrc";