webpack详解

·  阅读 250

www.jianshu.com/u/bee21d68f…

webpack-dev-server的作用：

首先他会搭建一个express框架的http服务，该服务可以实现自动编译和热替换功能；

他编译好的build文件放到了内存中，因此build文件在（output）目标文件夹是看不到的，当代码修改并保存时它可以实现自动刷新页面并更新

参考：segmentfault.com/a/119000000…

分类：
前端
标签：
前端
分类：
前端
标签：
前端
相关推荐
  • 前端森林
    2年前
    Webpack
    面试官：webpack原理都不会？
    前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…
    • 4.1w
    • 87
    面试官：webpack原理都不会？
  • 杰出D
    1年前
    前端 算法
    面试了十几个高级前端，竟然连（扁平数据结构转Tree）都写不出来
    「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 招聘季节一般都在金三银四，或者金九银十。最近在这五六月份，陆陆续续面试了十几个高级前端。有一套考察算法的小题
    • 20.9w
    • 1710
    面试了十几个高级前端，竟然连（扁平数据结构转Tree）都写不出来
  • 方应杭
    4年前
    Linux 前端 程序员
    阮一峰，加油！
    哎，就在今天，我关注了多年的博客 ruanyifeng.com 无法访问了。 本文讲述了阮一峰在过去 7 年对我的影响，文章很长，看完需要耐心。 我从大学的时候就开始关注阮一峰的博客。 我还记得那时我刚刚学编程，什么都不懂，经常搜着搜着就搜到「阮一峰」的博客。于是我就看了一下他…
    • 12.8w
    • 429
  • sunshine小小倩
    4年前
    JavaScript 前端
    this、apply、call、bind
    这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。 在 ES5 中，其实 this 的指向，始终…
    • 13.3w
    • 264
    this、apply、call、bind
  • 阿佛加德奔
    4月前
    前端 代码规范
    如何把前端项目写成一座屎山？
    前端屎山精华教程！按此修炼，你在公司的地位将无可撼动，再也不会被裁员、被毕业！加薪永远第一个考虑你， 亲测无效！
    • 10.9w
    • 881
    如何把前端项目写成一座屎山？
  • 前端阿飞
    9月前
    前端 JavaScript
    10个常见的前端手写功能，你全都会吗？
    地基打的牢，才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能，重要的地方已添加注释。大部分是自己写的，如有不正确的地方，欢迎多多指正。
    • 12.2w
    • 279
    10个常见的前端手写功能，你全都会吗？
  • 红尘炼心
    10月前
    前端 Vue.js React.js
    你会用ES6，那倒是用啊！
    不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。
    • 32.8w
    • 1333
  • 程序员鱼皮
    1年前
    前端
    完了，又火一个前端项目
    大家好，我是鱼皮。 今天逛 GitHub 的时候，在趋势榜上看到一个项目，竟然短短一天的时间内，涨了 1000 多个星星！ 就是这个名为 solid 的项目： 要知道日增上千 star 可是非常难得的
    • 14.5w
    • 232
  • 掘金翻译计划
    4月前
    前端 前端框架 Ruby
    作为一名前端工程师，我浪费了时间学习了这些技术
    不要犯我曾经犯过的错误！ 我2015年刚刚开始学习前端开发的时候，我在文档和在线教程上了解到了许多技术，我浪费大量时间去学习这些技术。
    • 17.2w
    • 504
  • 前端要努力
    11月前
    Webpack 面试
    webpack 十连问你能接住几题
    前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配置参数，合并shell传入和
    • 4.9w
    • 65
    webpack 十连问你能接住几题
  • 阳光是sunny
    4月前
    前端 JavaScript
    三面面试官：运行 npm run xxx 的时候发生了什么？
    面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！
    • 12.5w
    • 334
    三面面试官：运行 npm run xxx 的时候发生了什么？
  • 青训营官方账号
    3月前
    前端 后端
    青训营21天阅读打卡活动，坚持就拿大礼包
    “第三届字节跳动青训营后端专场” 开营在即！参与本次学习打卡活动除了能够收获社区精选出的技术干货外，也还有丰富奖品等你拿哦
    • 3.2w
    • 7156
  • ConardLi
    2年前
    面试 前端
    如何写出一个惊艳面试官的深拷贝?
    最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。 里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋的，如果我作为面试官，看到这样的代码，在我心里是不会合格的，本篇文章我拿最简单的深拷贝来讲一讲。 本文由浅…
    • 16.1w
    • 454
  • Sunshine_Lin
    9月前
    前端 JavaScript ECMAScript 6
    「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！
    本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 前言 大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下
    • 9.3w
    • 127
    「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！
  • 红尘炼心
    2年前
    Webpack Vue.js
    『Webpack系列』—— externals用法详解
    如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…
    • 1.3w
    • 18
    『Webpack系列』—— externals用法详解
  • scq000
    3年前
    前端 正则表达式
    正则表达式不要背
    正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相同问题的时候，同样的场景又再来一遍。作为一门用途很广的技术，我相信深入理解正则表达式并能融会贯通是值得的。…
    • 12.4w
    • 189
    正则表达式不要背
  • 大帅老猿
    1年前
    前端 JavaScript
    产品经理：你能不能用div给我画条龙？
    事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样
    • 12.1w
    • 618
  • 童欧巴
    2年前
    面试 Webpack
    「吐血整理」再来一打Webpack面试题
    本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…
    • 13.0w
    • 142
    「吐血整理」再来一打Webpack面试题
  • Carlus
    4年前
    JavaScript 面试 前端
    BAT前端经典面试问题：史上最最最详细的手写Promise教程
    我们工作中免不了运用promise用来解决异步回调问题。平时用的很多库或者插件都运用了promise 例如axios、fetch等等。但是你知道promise是咋写出来的呢？ 别怕～这里有本promisesA+规范，便宜点10元卖给你了。 首先呢，promise肯定是一个类，我…
    • 9.1w
    • 167
    BAT前端经典面试问题：史上最最最详细的手写Promise教程
  • 摸鱼的春哥
    5月前
    前端 Vue.js React.js
    浅谈：为啥vue和react都选择了Hooks🏂？
    什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。
    • 11.7w
    • 292
    浅谈：为啥vue和react都选择了Hooks🏂？
    • 50岁转行做前端 @ 京东零售
    获得点赞 78
    文章被阅读 30,399
    下载稀土掘金APP
    一个帮助开发者成长的社区
    相关文章
    前端如何避免XSS攻击
    13点赞
     · 
    1评论
    干货！撸一个webpack插件(内含tapable详解+webpack流程)
    582点赞
     · 
    26评论
    前端面试之webpack篇
    1008点赞
     · 
    21评论
    Webpack5 上手测评
    378点赞
     · 
    31评论
    手写webpack核心原理，再也不怕面试官问我webpack原理
    728点赞
     · 
    78评论
    收藏成功！
    已添加到「」， 点击更改