webpack4 import懒加载

webpack4 中的 import() 方法可以实现懒加载。懒加载是指在需要使用某个模块时再去加载它，而不是在页面刚加载时就加载所有模块。这样可以减小页面的初始加载时间，提高页面的性能。

使用 import() 方法进行懒加载的步骤如下：

1. 在需要懒加载的地方使用 import() 方法来加载模块，例如：

import('./module').then(module => {
  // do something with module
})

2. 在 webpack 配置文件中设置 optimization.splitChunks 选项，将公共的模块提取出来，避免重复加载。例如：

optimization: {
  splitChunks: {
    chunks: 'all'
  }
}

这样设置后，webpack 会将所有代码中重复的模块提取出来，打包成一个单独的文件，然后在需要使用的地方引用这个文件。

3. 如果需要对懒加载的模块进行代码分离，可以在 webpack 配置文件中设置 optimization.runtimeChunk 选项。例如：

optimization: {
  runtimeChunk: 'single'
}

这样设置后，webpack 会将运行时代码单独打包成一个文件，避免重复加载。

通过以上步骤，就可以使用 import() 方法来实现懒加载了。