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())
}

Webpack config: Conditionally import module