本篇文章解答了60多道关于webpack的问题，答案有详细有简单，时间关系，有的问题还未做出解答，后续会补上，持续更新。如果答案有不对的地方，请轻拍。 全局安装webpack，意味着webpack包被安装到npm的全局包目录里了。 本地安装webpack，webpack包被安装…

平时上网有随手收藏感兴趣网站的习惯，上学的时候大部分收藏的都是游戏音乐电影不可描述之类的网站，工作之后反而全是技术学习资讯之类的了。前几天整理浏览器书签的时候，发现竟然有二百多个书签了，而且一不小误删了几十个恢复起来非常麻烦，于是觉得有必要换种方式记录一下，同时精选一些觉得不错…

ES6前，js没有属于自己的模块规范，所以社区制定了 CommonJS规范。而NodeJS所使用的模块系统就是基于CommonJS规范实现的。 根据当前运行环境的判断，如果是 Node 环境 就是使用 CommonJS 规范， 如果不是就判断是否为 AMD 环境， 最后导出全局…

随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…

在实际开发过程中，对于函数封装时，不确定外部是谁调用的，调用函数内部方法时，有可能是window调用这时就会报错，常使用call，apply,bind来绑定this指向。 call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数。 该方法和apply()类…

在npm、yarn等包管理工具的帮助下，前端工程化模块化的进程日益加快，项目的依赖包也日益增大，特别是若项目采用webpack来构建用到许多webpack的插件、一些辅助开发如（eslint、postcss、dev-server之类的库）以及一些单元测试(jest、mocha、…

在本文中，我们将研究新的 loading 属性，它为 <img> 及 <iframe> 带来了延迟加载的能力。如果你对此感兴趣，可查看以下示例： 我们希望在 ~Chrome 75 中为 loading 提供支持，并且我们正在深入研究即将发布的新特性。在此之前，让我们深入了解它的…

对于 webpack 来说每个文件都是一个 module，这篇文章带你来看 webpack 如何从配置中 entry 的定义开始，顺藤摸瓜找到全部的文件，并转化为 module。 webpack 入口 entry，entry 参数是单入口字符串、单入口数组、多入口对象还是动态函…

它将查找 ./src/index.js 作为默认入口点。 而且，它会在 ./dist/main.js 中输出模块包，目前代码量小，可以格式化看效果 拥有 2 个配置文件在 webpack 中是的常见模式。 webpack4 引入了 production(生产) 和 develo…