关于webpack代码分割
发布于 5 年前 作者 MyNodeJs 4378 次浏览 来自 问答

代码分割分为两种情况 CommonJs: require.ensure和AMD: require 是不是es6的import就不需要用代码分割了,import导入的都是异步导入的吗? 代码分割主要功能就是异步导入模块,import是异步导入?

3 回复

import 不是异步。

webpack里面的异步加载模块是通过require.esure来实现的

根据我的理解,import是静态导入,就是打包的时候一起打包到bundle.js文件中,require.ensure是动态导入,编译后会生成1.bundle.js、2.bundle.js、3.bundle.js这样的文件,在需要的时候(代码中用到require(xxx)的时候)再把那一块加载,也就是按需加载

回到顶部