问题描述
好,这是问题所在
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";