![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack
文章平均质量分 60
打包工具真难学啊
大名张无忌
前端开发,技术栈涉及:Vue、React、小程序,交流可以私信/邮件:2285546178@qq.com
展开
-
前端重复加载依赖解决办法之一—— Module Federation
Module FederationWebpack 5的特性——设计动机是为了能够让不同的团队协作开发一个或者多个应用——将一个应用拆分并导出不同的模块,并且模块依赖的底层三方库,同样能够被共享。借助这个能力我们可以为应用提前构建一个公共依赖,来减少编译内容和打包体积——实现:将所有的三方依赖都作为 remote 依赖引入,步骤:首先通过 exposes 能力,将项目运行时依赖去全部导出,并完成 remoteEntry 和相关 remote 模块的构建项目开启 MF 能力,并依赖已构建好的 rem原创 2021-08-21 18:47:11 · 744 阅读 · 0 评论 -
模块化规范类型——很火的commonjs和Es Module
模块化的出现为了解决的问题——相对于script标签引入的js文件变量污染问题,每个文件都是独立的作用域,所以不存在变量污染——js文件作用域都是顶层,这会造成变量污染代码维护问题,一个文件里代码非常清晰文件依赖问题,一个文件里可以清楚的看到依赖了那些其它文件模块化的规范commonjsmodule.exports导出变量及函数,也可以导出任意类型的值,require语法导入。exports导出的值是值的拷贝,用解构拿到单个值支持动态导入,代码发生在运行时指顶层的this指向这个模块本身原创 2021-08-21 18:43:38 · 377 阅读 · 0 评论 -
Webpack 打怪升级
2020/10/10 Webpack已经发布版本5了如何开始学习:官网-指南=起步:https://v4.webpack.docschina.org/guides/getting-started/命令写在终端中:初始化package.json文件npm init -y // 结果: { "name": "demo1", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "tes原创 2020-10-18 13:53:17 · 122 阅读 · 0 评论