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

问题描述

好,这是问题所在

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,ProvidePlugin,ImportLoader,但还是没有运气。

谢谢。

解决方法

这就是我现在使用多个输出条目来解决的方式,但是我想知道是否有更好的答案:

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','./b.js')
    }
  },}];

在c.js中

import blah from "renderSrc";