带连字符的Webpack条目

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'
},
...