Javascript 在Web包中使用条件导入处理多个条目

Javascript 在Web包中使用条件导入处理多个条目,javascript,webpack,html-webpack-plugin,Javascript,Webpack,Html Webpack Plugin,好的,问题是: a、 js: b、 js: 请注意,a和b导出相同的函数,在OOP中,基本上有一个基类,a和b通过该基类继承函数 c、 js: 在网页中, 我需要生成两个条目,一个是c.js导入a.js,另一个是c.js导入b.js,在webpack中定义配置最优雅的方式是什么? 我看了一下DefinePlugin、ProvidePlugin、ImportLoader,但仍然没有运气 谢谢。这就是我现在使用多个输出条目解决问题的方法,但我想知道是否有更好的答案: var config = [ {

好的,问题是:

a、 js:

b、 js:

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

c、 js:

在网页中, 我需要生成两个条目,一个是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',
  },  
  resolve: {
    alias: {
      renderSrc$: path.resolve(__dirname, './b.js')
    }
  },  
  plugins: [             
   ],  
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist'),
  },
}];
在c.js中

import blah from "renderSrc";
import blah from either "./a.js" or "./b.js";
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'),
  },
}];
import blah from "renderSrc";