摘要：devtool配置：如何生成source map source map简单来说是帮助你解决压缩后看不到源码的问题。 source map出现的初衷：现在的大部分代码都是用构建工具打包压缩代码来减少网络请求，但是打包后的代码不利于我们调试，source map记录了源代码，并且做了映射，当我们打包后的 阅读全文

摘要：webpack的配置文件用来控制webpack的行为。 默认情况下，webpack会读取webpack.config.js文件作为配置文件，也可以通用命令行来修改 npx webpack --config 123.js. webpack在构建时先读取配置文件，然后读取模块的导入导出特殊语句来构建依赖 阅读全文

摘要：webpack是基于模块化的打包(构建)工具，通过一个入口文件递归出所有模块的依赖关系，经过一系列的过程（压缩，合并），最终生成运行的代码。 webpack的特点 解决工程化问题（只关注开发时的代码，把工程化过程中的问题交给webpack处理） 简单易用：支持0配置 强大生态：可以融入第三方库 基于 阅读全文

摘要：我们总说webpack是打包工具。为什么要有webpack，webpack帮我们做了那些事情？ 在大型的项目中，浏览器端的模块化存在的问题： 效率问题：精细的模块化（更多的js文件）带来大量的网络请求，降低页面访问效率。 兼容性问题：浏览器端不支持CommonJs模块化，而很多第三方库使用了Comm 阅读全文