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

代码分割分为两种情况 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)的时候）再把那一块加载，也就是按需加载

回到顶部