作者：滴滴公共前端团队 - J 基本用法 这个插件用来定义全局变量，在webpack打包的时候会对这些变量做替换。先看个例子 //webpack.config.js var webpack = require('webpack'); var path = require('pa…

Webpack 2 使用总结

webpack 是当下最流行的 js 打包工具，这得益于网页应用日益复杂和 js 模块化的流行。webpack2 增加了一些新特性也正式发布了一段时间，是时候告诉大家如何用 webpack2 优化你的构建让它构建出更小的文件尺寸和更好的开发体验。

你或许会花上 30 分钟的时间读完本章，并掌握 webpack-dev-server 的使用方法、理清一些容易困惑的配置（如 publicPath）或概念（如 HMR）...

入口繁杂其实意味着你的前端工程搭建必须是以多入口为起点搭建的，如webpack你可以配置entry，自行写一个脚本在构建时获取每一个页面的js入口，而多入口意味着你必须考虑页面之间共享的模块应该如何抽取以达到一个较优的模块利用率，这点我们在文章下一节详细讲。 其实有做过混合开发…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

什么是 webpack？ webpack 能干什么？ webpack 怎么用？ 太多的入门教程了，一搜一大把，不再说了，而且 webpack 的官方文档应该是文档届的标杆了，太详细了，由浅入深，从玩具类型的初级 Level，到深度优化的生产环境下产品级别的高级 Level 都讲…

hello~亲爱的看官老爷们大家好~上周写下一篇 简单易懂的 webpack 打包后 JS 的运行过程 后，还是挺受小伙伴们欢迎的。然而这篇文章挖了坑还没填完，这次就把剩下的内容补完。 本文主要是关于异步加载的 js 是如何执行，较少使用 webpack 问题也不大。而如果看过…

目前大家使用最多也是最广泛的应用打包工具就是 webpack 了，除去 webpack 本身已经提供的优化能力（例如，Tree Shaking、Code Splitting 等）之外，我们还能做哪些事情呢，本篇主要就为大家介绍下滴滴 WebApp 团队在这条路上的一些探索。 现…