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