使用从webpack配置中的package.json读取的ES6模块

Question

非常混乱，但让我试着解释一下。

我想将package.json中的name字段读入带有default导出的ES6模块，以便在JSX中使用。

const pkg = require('../../package.json');
const cssPrefix = `${pkg.name.split('/')[1]}__`;
export default cssPrefix

我也想使用相同的名称属性，但在Webpack 2 webpack.config.js文件本身中，仍然不支持ES6模块语法。

工作方式有点粗糙。

1. 直接使用编译的babel输出（ES5），然后使用require('cssPrefix').default。

2. Webpack JSON-loader，现在最好看。

3. 将name属性复制到多个位置。

我觉得我在这里遗漏了一些明显的东西。