Webpack系列——预获取 / 预加载模块

预获取 prefetch: 在浏览器加载完必要的资源后，空闲时就会去获取可能需要的资源。

预加载 preload: 预先加载当前页面可能需要的资源， 它会与必要资源并行请求。

import(/* webpackPrefetch: true */ './asets/js/click')

上述代码会在所有必要资源加载完成后，网络空闲就预先获取添加了魔法注释的异步模块。

import(/* webpackPreload: true */ 'ChartingLibrary');

module.exports = {
    ...
    output: {
      filename: '[name].js', // 入口文件打包生成的命名
      chunkFilename: '[name].chunk.js',//入口文件中引入的一些js文件、库，间接引入的文件
      path: path.resolve(__dirname, '../dist')
    }
}