带有连字符的 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

您可以使用以下内容：

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

Answer 2

在键周围添加引号可以解决您的问题。

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')
  }
};

带有连字符的 Webpack 条目

Webpack entry with hyphen

javascript

javascript-objects

webpack

webpack-4