webpack问题
发布于 8 年前 作者 MyNodeJs 3731 次浏览 来自 问答

不是很了解webpack的Code Splitting是什么意思,怎么使用? 还有比如想引入jquery也是通过npm install安装了再import进来吗? 但是jquery肯定不能打包到一个bundle.js文件里面的,怎么排除jquery啊? 以及webpack的多个入口文件是什么意思? 如果打包成多个文件的话,多个文件怎么提取出来公共的js? webpack是同步加载文件吗? 可以异步加载吗? 怎么异步加载啊,异步加载文件和同步加载文件的区别是什么?

2 回复

Code splitting有点类似于AMD的async,需要的时候单独加载

webpack的code-splitting靠的是require.ensure这个API,详情请自行搜索。jQuery可以直接在html文件中用script标签引入,方便全局直接使用,这样的话就不需要打包了。或者说你觉得$需要用require(‘jquery’)声明,那你就要在配置中的external加入jquery咯,这样的话就不会打包了。多入口文件就是配置中的entries数组,写入不同的入口文件。打包多个提取公共部分请使用common chunk插件,配置中new一个就好了。webpack的异步加载是通过jsonp按需加载,而不是一下子都加载下来。

回到顶部