Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有连字符的网页包条目_Javascript_Webpack_Javascript Objects_Webpack 4 - Fatal编程技术网

Javascript 带有连字符的网页包条目

Javascript 带有连字符的网页包条目,javascript,webpack,javascript-objects,webpack-4,Javascript,Webpack,Javascript Objects,Webpack 4,在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-

在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';

您可以使用以下选项:

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

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

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

只需在键周围加上引号就可以解决问题。

哦,对了。网页包配置文件不支持ES6。这里有一些类似的解决方法,但大多数都比使用自己的方法更糟糕。谢谢,但我认为@meyi的答案是更好的解决方法