Question

在webpack中，我正在尝试实现以下目标：

entry: {
    test-1: './src/test-1/main.js',
    test-2: './src/test-2/main.js',
    test-3: './src/test-3/main.js'
},
...

但是，不可能有连字符。我唯一实现此目标的解决方案是做点喜欢的事情？

entry['test-1'] = './src/test-1/main.js';
entry['test-2'] = './src/test-2/main.js';
entry['test-3'] = './src/test-3/main.js';

Answer 1

我设置了一个干净的环境并使其正常工作：

webpack.config.js：

const path = require('path');

module.exports = {
  entry: {
      'test-1': './src/test-1.js',
      'test-2': './src/test-2.js',
  },
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
  }
};

只需在按键周围加上引号即可解决您的问题。

Answer 2

您可以使用以下内容：

entry: {
    ['test-1']: './src/test-1/main.js',
    ['test-2']: './src/test-2/main.js',
    ['test-3']: './src/test-3/main.js'
},
...

带连字符的Webpack条目

2 个答案: