webpack 的特点之一是处理一切模块，我们可以将逻辑拆分到不同的文件中，然后通过模块化方案进行导出和引入。现在 ES6 的 Module 则是大家最常用的模块化方案，所以你一定写过 import './xxx' 或者 import 'something-in-nodemod…

除了流之外，net.Server，以及process也都是继承自EventEmitter所以可以监听事件。 on监听的事件的名称可以包含特殊字符(比如'$'、'*’、'~'都是可以的)，但是需要注意是大小写敏感的。 当EventEmitter对象发出一个事件的时候，所有与此事件…

1. tapable 同样的，在使用tap*注册监听时，传递的第一个参数，也只是一个标识，并不会在程序运行中产生任何影响。而第二个参数则是回调函数 3. Sync*类型的钩子 串行同步执行,第一个注册的回调函数会接收call传进来的所有参数,之后的每个回调函数只接收到一个参数,…

其中涉及到的包执行一下npm install安装一下即可，这里就不赘述了。这里的部分包接下来会重复提到，说明为什么要这样装 babel-polyfill 是为了模拟一个完整的ES2015+环境，旨在用于应用程序而不是库/工具。并且使用babel-node时，这个polyfill…

想知道 webpack 优化技巧 ? 想要提升构建速度 ? 或许这篇文章适合你

编程风格这个东西，说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同，完全是各有千秋的既视感啊 放眼望去，在前端，但凡有个项目，无论大小，都会看到它的身影。并非为了提高比格，让别人暗赞专业，而是它确确实实帮我们检测出不易察觉的错误，避免N多个线上…

直接引入模块名，会查找当前文件目录，父级目录直至根目录下的 node_modules(默认) 文件夹，看是否有对应名称的模块。 了解上述的路径形式和最终的解析规则后，根据我的一些标识，大致上也能够看出webpack路径配置的发挥空间了。 接下来将着重对resolve中alias…

最近在前端论坛闲逛，看到了一些讲parcel、webpack的文章，就突然很好奇，每天都在用的打包工具，他们打包的原理究竟是什么。只有知道了这一点，才可以在众多的打包工具里，找到最适合的那个它。在了解打包原理之前，先花一些篇章说明了一下为什么要使用打包工具。 前端产品的交付是基…

不需要你知道任何东西，webpack-dev-server 非常适合你作为新手脚手架，让你体验一把工程化开发、模块化开发的便利。 webpack-dev-server 是个什么东西？ webpack-dev-server 就是一个基于 Node.js 和 webpack 的一个简易服务器。…