javascript - 在 webpack 中使用条件导入处理多个条目

Question

好的，这是问题：

一个.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，但仍然没有运气。

谢谢。

标签： javascriptwebpackhtml-webpack-plugin

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";