Webpack配置: Conditionally import module

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