Webpack配置：有条件导入模块

Question

所以我想这样做：

if (process.env.NODE_ENV === 'production') {
  import StatsPlugin from 'webpack-stats-plugin';
}

但是eslint说：

Parsing error: 'import' and 'export' may only appear at the top level

我正在使用babel-eslint解析器。

这是否意味着我无法有条件地加载模块？

Answer 1

ES2015模块无法进行动态同步导入。只能通过import()通过异步导入动态导入内容。

为什么不直接导入并有条件地应用它？

import StatsPlugin from 'webpack-stats-plugin';

...

if (process.env.NODE_ENV === 'production') {
  config.plugins.push(new Statsplugin())
}