输入你需要教程,或者老师名字超多精品教程

2020年逆战React面试提升课最新更新

2020年逆战React面试提升课最新更新插图
webpack的优点:

代码转换: typeScript 编译成 javaScript、scss,less 编译成 css.

文件优化:压缩 javaScript、css、html 代码,压缩合并图片。

代码分割:提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载。

模块合并:在采用模块化的项目里会有很多个模块和文件,需要构建功能把模块分类合并成一个文件。

自动刷新:监听本地源代码的变化,自动重新构建、刷新浏览器。

扩展性强,插件机制完善。

webpack打包过程:

利用babel完成代码转换,并生成单个文件的依赖

从入口开始递归分析,并生成依赖图谱

将各个引用模块打包为一个立即执行函数

将最终的bundle文件写入bundle.js中

Webpack 的四大核心:

entry:js 入口源文件

output:生成文件

loader:进行文件处理

plugins:插件,比 loader 更强大,能使用更多 webpack 的 api

下载地址:

点此注册开通 阿浩说钱福缘论坛VIP
2020年逆战React面试提升课最新更新-阿浩说钱
2020年逆战React面试提升课最新更新
此内容为付费阅读,请付费后查看
R币9.8
限时特惠
R币29.8
您当前未登录!建议登陆后购买,可保存购买订单
单个教程无需登录,可以直接购买;全站资源终身会员免费下载!
付费阅读
已售 66
THE END
点赞17
分享
评论 抢沙发
草根网赚-阿浩哥的头像-阿浩说钱

昵称

取消
昵称表情代码图片