juejin.cn
获得徽章 14
- 【沸点年终总结｜超掘时光机】
🎆2022迎来尾声，你有什么话想对过去一年的自己说？一起来参加沸点「超掘时光机」年终总结活动，活动升级，玩法升级，更好玩，更刺激！
⏰活动时间：2022年12月19日-12月26日
📖活动规则：
1. 点击进入活动页面，按照要求完成任务即可参与抽奖。每个任务每天开放1次，每完成1个任务可获得1积分，每1个积分可抽奖1次。
2. 在沸点 #2022超掘瞬间# 话题下，参考给出的9个问题发布沸点，活动结束后，将由掘金运营团队评选出#2022超掘瞬间#话题下优质沸点25条，赠送掘金鼠标垫1个
🚪活动页面：
juejin.cn
补充说明：
1. 需要登陆掘金账号后，先进入活动页，再完成任务才有效
2. 矿石奖励将会实时发放，周边奖励将会在活动结束后的7个工作日后统一发放！展开2471.9k ![[庆祝]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
越来越多人已经体验到web-norm带来的便捷，能提高大家的开发效率我也很开心![[奋斗]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
。
web-norm：让配置eslint + pretter + husky+ commit + ... 只需一行命令。
开源地址：github.com
欢迎大家使用，欢迎大家start![[玫瑰]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_103.6c2eed8.png)
78- 今日复盘10-28
今天主要是学习webpack。美化app检测版本页面。
学习webpack：www.webpackjs.com
1、是什么？
用来构建大型工程化项目的工具。（用于把开发的代码转化为运行代码）
2、解决了什么问题？
浏览器端的模块化带来的问题
效率问题：更多的模块带来了更多的js文件，更多的js文件带来了更多的网络请求，降低了页面的访问效率；
兼容问题：浏览器目前仅支持ES6的模块化标准，并且还存在兼容性问题；
工具问题：浏览器不支持npm下载的第三方包
3、这个问题的根本原因是什么？
在浏览器端，开发时态（devtime）和运行时态（runtime）的侧重点不一样
开发时态，devtime：
模块划分越细越好
支持多种模块化标准
支持npm或其他包管理器下载的模块
能够解决其他工程化的问题
运行时态，runtime：
文件越少越好
文件体积越小越好
代码内容越乱越好
所有浏览器都要兼容
能够解决其他运行时的问题，主要是执行效率问题
4、解决办法
需要有一个工具，这个工具能够让开发者专心的在开发时态写代码，然后利用这个工具将开发时态编写的代码转换为运行时态需要的东西。这个工具叫构建工具
5、如何安装使用
npm i -D webpack webpack-cli
卡死，学不下去了。。。
情绪问题：
非常混乱的一天，运行代码一直报错，好难啊。
学到了什么：
webpack是一个打包模块（js文件，png等一切皆为模块）的工具，解决了运行代码时的兼容和效率问题。展开评论1
![[庆祝]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
。![[玫瑰]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_103.6c2eed8.png)
