Webpack config: Bedingter Import-Modul

Question

Deshalb möchte ich tun:

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

Aber eslint sagt:

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

I babel-eslint Parser bin mit.

Impliziert das ich nicht Module bedingt laden kann?

Answer 1

Dynamische Synchron Importe sind nicht möglich mit ES2015-Modulen. Es ist nur möglich, den Inhalt dynamisch mit asynchronem Import über import() zu importieren.

Warum importieren Sie es nicht einfach und wenden es bedingt an?

import StatsPlugin from 'webpack-stats-plugin'; 

... 

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