从数组动态创建Webpack 5

bf1o4zei 于 2023-11-19 发布在 Webpack

关注(0)|答案(1)|浏览(180)

我想在webpack.config.js中添加Webpack 5数组中的其他条目。下面是数组：

const unitTest = [ { name: 'bootloader' }, { name: 'levenshtein' } ]

字符串
我编写了以下代码来追加数组中的其他条目。

entry: {
    main: ['./src/js/index.js'],
    ...unitTests.map((test) => {
      let newEntry ={};
      newEntry[`${test.name}`] = [`./src/unit-test/${test.name}/index.js`];
      return newEntry;
    }),
    
  },

型
问题是map()函数返回一个数组，我的条目变成了这样：

{
  '0': { bootloader: [ './src/unit-test/bootloader/index.js' ] },
  '1': { levenshtein: [ './src/unit-test/levenshtein/index.js' ] },
  main: [ './src/js/index.js' ],
}

型
当然，Webpack并不高兴。我不知道如何正确地将新字段追加到entry对象？

webpack

来源：https://stackoverflow.com/questions/77401109/dynamically-create-webpack-5-entries-from-array

1条答案

按热度按时间

hujrc8aj1#

一种方法是使用reduce()而不是使用map()来获得您想要的结果。类似于：

const unitTests = [ { name: 'bootloader' }, { name: 'levenshtein' } ];
const entries = unitTests.reduce((acc, test) => {
  acc[`${test.name}`] = [`./src/unit-test/${test.name}/index.js`];
  return acc;
}, {});
module.exports = {
  entry: {
    main: ['./src/js/index.js'],
    ...entries
  },
  // other webpack configs
};

字符串

const unitTests = [ { name: 'bootloader' }, { name: 'levenshtein' } ]
const entries = unitTests.reduce((acc, test) => {
  acc[`${test.name}`] = [`./src/unit-test/${test.name}/index.js`];
  return acc;
}, {});
const entry =  {
    main: ['./src/js/index.js'],
    ...entries,
  };
  
console.log(entry);

型

展开查看全部

赞(0）回复(0）举报 2023-11-19

我来回答

从数组动态创建Webpack 5

1条答案

相关问题

热门标签

最新问答