在此之前，首先要知道经常配置的 output 中有关 filename 和 chunkFilename 的区别；简单来说在 entry 定义的入口文件走的就是 filename 配置项，在入口文件内部引入的通常情况下是 chunk，走 chunkFilen

作为一名前端菜，日常工作就是写各种业务代码， 看着大佬们写的小工具、插件啥的，羡慕不已。试试就试试，抱着试试看的态度，开始了。第一次写，有不当之处还望各位大佬指正。文件改动时， 搜索当前文件的export语句，在同级目录index文件中自动导出。

Webpack构建速度优化基本优化完毕，接下来考虑的就是：线上代码质量的优化，即如何使用webpack构建出高质量的代码。Webpack构建流程：初始化配置参数 -> 绑定事件钩子回调 -> 确定Entry逐一遍历 -> 使用loader

https://jeffjade.com/2017/08/12/125-webpack-package-optimization-for-speed/ https://github.com/webpack-china/awesome-webpac

前面写了一篇有关webpack4的不完全升级指南以及在webpack3.x迁移的时候遇到的问题，有兴许可以看一下。先对参数有一个大概的认识，虽然撸了很多遍官方的更新文档，但是还是去参看了一下新的wbepack源码，下面是各种参数及含义：。对于缓存组是一个对

我们看到了项目中多了一个package.json文件，它定义了这个项目中所需各种模板及项目中的配置信息。该对象的每一个成员就是当前项目的一项设置。npm install webpack-cli -g在webpack4中webpack和webpack-cli

趁工作之余从零构建了一个webpack4.x多页面应用程序。过程中也遇到一些坑，就记录下来了。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。项目的运行主要围绕的就是这几大块首先看一下构建后目录

前端需要频繁的修改js和样式，且需要根据浏览器的页面效果不断的做调整；而且往往我们的开发目录和本地发布目录不是同一个，修改之后需要发布一下；另外一点就是并不是所有的效果都可以直接双击页面就能看到，我们常常需要在本地用nginx建一个站点来观察。所以如果要用

官网上给出的可选值有：。其中一些值适合开发，一些用于生产。对于开发，您通常需要快速的Source Maps，以bundle的大小为代价，但是对于生产，您需要独立的Source Maps，这是精确的，并且支持最小化。选择一种源映射样式，以增强调试过程。这些值

html-webpack-plugin 可能用过的 webpack 的童鞋都用过这个 plugin ,就算没用过可能也听过。我们在学习webpack的时候，可能经常会看到这样的一段代码。所有的这些都是 html-webpack-plugin 的功劳。根据自

学习了webpack门级的教程后，觉得可能是专门为单页应用而量身打造的，比如webpack+react、webpack+vue等，都可以解决各种资源的依赖加载、打包的问题。甚至css都是打包在js里去动态添加到dom文档中的。那如果我们想要想要多页的普通的

说起来, 面向切面编程自从诞生之日起，一直都是计算机科学领域十分热门的话题，但是很奇怪的是，在前端圈子里，探讨AOP的文章似乎并不是多，而且多数拘泥在给出理论，然后实现个片段的定式）难免陷入了形而上学的尴尬境地，本文列举了两个生产环境的实际例子论述webp

在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。同时对打包资源的分析可以使用 插件，当然可选的分析插件还是很多的，在本文中主要以该插件来举例分析。DefinePlugin 允许创建

webpack 内置了 http-proxy-middleware 可以解决 请求的 URL 代理的问题

基于webpack 2.3的标准语法，包含了less变量替换、React组件热加载、第三库单独输出、区分生产与开发环境等常用配置。var sourcedir = path.resolve;// 源码和资源文件的放置位置。var webContextRoot

webpack给前端开发带来了毋庸置疑的改变，它把JS，图片，css都作为模块处理，同时具有开发便捷，自动化，兼容AMD写法等等诸多无须赘述的优点，更令人称道的是其插件社区非常强大，对于不同的业务需求和技术需求社区都有大量插件可供使用。凡事都具有两面性，许

最近一个小项目是用webpack来进行构建的。其中用到了webpack分包异步加载的功能。今天抽时间看了下webpack打包后的文件，大致弄明白了webpack分包及异步加载的套路。publicPath: '/static/taxi-driver/', /

Webpack2 中有很多涉及路径参数配置，若不知其所以然，很容易混淆出错。本文尽可能的汇集了 Webpack2 中涉及路径的配置，力争深入浅出。context 是 webpack 编译时的基础目录，入口起点会相对于此目录查找。this.set;proce

1）当entry是一个字符串时，这个字符串表示需要打包的模块的路径,如果只有一个要打包的模块，可以使用这种形式。　　　　　　　　　　loader/loaders：字符串或者数组，处理匹配到的文件。