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